Được rồi, tôi biết rằng trong HTML, bạn có thể sử dụng <b>
thẻ, nhưng không có "weight=bold"
thuộc tính nào mà tôi có thể sử dụng trong <p>
thẻ?
Hay đó là trong CSS, hoặc Javascript?
Được rồi, tôi biết rằng trong HTML, bạn có thể sử dụng <b>
thẻ, nhưng không có "weight=bold"
thuộc tính nào mà tôi có thể sử dụng trong <p>
thẻ?
Hay đó là trong CSS, hoặc Javascript?
p
thì đó là vấn đề của riêng họ. Có thể họ sẽ hỏi một câu hỏi SO khác để làm rõ điều đó.
Câu trả lời:
Cũng xem xét <strong>
thẻ. Nó tốt hơn nhiều cho trình đọc màn hình và do đó tốt hơn cho khả năng tiếp cận. Công cụ tìm kiếm cũng sử dụng <strong>
thẻ để xác định nội dung quan trọng tương tự như cách họ sử dụng thẻ tiêu đề <h1>
, <h2>
, vv (mặc dù <b>
cũng sẽ có ý nghĩa tương tự như công cụ tìm kiếm). Nếu bạn muốn nhấn mạnh tầm quan trọng của văn bản, hãy sử dụng <strong>
. Nếu bạn không muốn nhấn mạnh tầm quan trọng, hãy sử dụng <b>
thẻ hoặc sử dụng font-weight:bold;
kiểu trên phần tử hoặc trong CSS.
Mặc dù, nếu bạn đang in đậm toàn bộ đoạn văn, có lẽ tốt hơn nên sử dụng tùy chọn CSS. Điều này sẽ làm giảm ảnh hưởng đến trình đọc màn hình và có lẽ không có ý nghĩa gì khi nhấn mạnh toàn bộ một đoạn văn. Nhưng mặt khác, tôi đã thấy chữ đậm được sử dụng để nhấn mạnh cả một đoạn văn trước đây vì lý do chính đáng. Trong trường hợp đó, font-weight:bold;
là những gì bạn muốn sử dụng, có thể là trong một lớp / phong cách.
Cuối cùng, <strong>
, <b>
hoặc font-weight:bold;
sẽ tất cả công việc và hoàn thành một cái gì đó tương tự như trực quan (có thể giống hệt nhau), nhưng họ có ý nghĩa hơi khác nhau. Ngoài ra, hãy chắc chắn rằng nếu bạn đang bolding là một tiêu đề, sử dụng các thẻ tiêu đề: <h1>
, <h2>
vv
Bạn đang nghĩ đến thuộc tính CSS font-weight
:
p { font-weight: bold; }
<p>
làm ví dụ, vì OP đã sử dụng nó làm ví dụ. font-weight
hoạt động trên bất kỳ phần tử nào.
Nếu ý nghĩa của văn bản mạnh về mặt ngữ nghĩa , hãy sử dụng strong
phần tử. Nếu không, hãy sử dụng một lớp được đặt tên theo ngữ nghĩa (lớp thể hiện rõ ràng ý nghĩa của phần tử, không trộn lẫn bản trình bày và dữ liệu bằng cách gọi nóbold
v.v.) và tham chiếu nó trong CSS của bạn.
<span class="important-message">I'm important!</span>
.important-message {
font-weight: bold;
}
Một số người vẫn sử dụng b
phần tử như một hook trình bày, nhưng nó không bị phản đối , mặc dù strong
ngày nay hầu hết mọi người đều ưa chuộng phần tử. Chỉ cần đảm bảo rằng chúng được sử dụng đúng cách.
Thẻ <b> vẫn tồn tại và tốt. <b> không bị phản đối, nhưng việc sử dụng nó đã được làm rõ và hạn chế. <b> không có ý nghĩa ngữ nghĩa, cũng như không truyền đạt sự nhấn mạnh bằng giọng nói như có thể được nói bởi trình đọc màn hình. Tuy nhiên, <b> không chuyển tải dấu ấn đã in , cũng như thẻ <i>. Cả hai đều có một vị trí cụ thể trong nghệ thuật đánh máy, nhưng không phải trong giao tiếp nói, mes frères .
Trích dẫn từ http://www.whatwg.org/
Phần tử b đại diện cho một khoảng văn bản được bù đắp theo phong cách so với văn xuôi bình thường mà không truyền tải bất kỳ tầm quan trọng nào khác, chẳng hạn như các từ chính trong phần tóm tắt tài liệu, tên sản phẩm trong bài đánh giá hoặc các khoảng văn bản khác có phần trình bày kiểu chữ điển hình được tăng cường.
Bạn có thể tạo văn bản hoặc từ Bold
bằng cách sử dụng<b>Text</b>
thẻ.
Bạn cũng có thể dùng <strong>Text</strong>
thẻ
Trưởng thẻ <h1>
, <h2>
,<h3>
, ... là thẻ mặc định in đậm và làm cho văn bản của bạn Bold theo mặc định trừ khi bạn thay đổi phong cách của mình với CSS
Các thẻ trên có sẵn trong HTML nhưng nếu bạn muốn thay đổi kiểu, CSS
bạn có thể sử dụng
font-weight:bold
Trong CSS, bạn phải đặt font-weight: bold;
làm kiểu
Bạn có thể sử dụng thuộc tính font-weight trên
Ví dụ:
<p>This is my paragraph</p>
Bạn có thể có nội tuyến CSS của mình như sau:
<p style="font-weight:bold;">This is my paragraph</p>
Hoặc có nó trong biểu định kiểu CSS bên ngoài của bạn như bên dưới:
p{
font-weight:bold;
}
Tất cả đều là lịch sử và có niên đại từ thời khủng long đi trên trái đất và CSS chưa tồn tại.
Nghiêm trọng hơn, hãy quên <b/>
thẻ và sử dụng font-weight:bold
trong một quy tắc CSS :)
<b>
là phương sách cuối cùngBạn có thể sử dụng <b>
, nhưng chỉ là phương sách cuối cùng . Có nhiều yếu tố hoạt động như những lựa chọn thay thế tốt <b>
, ở đây chúng theo thứ tự hữu ích nhất:
<strong>
<em>
<h1> through <h6>
<b>
Trường hợp duy nhất mà tôi ủng hộ việc sử dụng <b>
là nếu
bạn đã tạo kiểu theo <strong>
một cách khác mà bạn không muốn hiển thị cho văn bản mà bạn nghĩ đến,
bạn không muốn nhấn mạnh nghiêng hoặc một tiêu đề, và
bạn sắp sử dụng một khoảng nội dòng hoặc một khoảng với một lớp chỉ để in đậm văn bản . (Ví dụ <span class='bold'>
:)
Sau đó, sẽ hợp lý để sử dụng <b>
thay thế, vì trong trường hợp đó, nó có thể sẽ rõ ràng hơn / ngắn hơn và nhiều ngữ nghĩa hơn một khoảng không có ngữ nghĩa và độ lớn / dễ đọc là lý do chính đáng để đưa ra lựa chọn đó, vì b đã được định nghĩa lại để sử dụng như một phần tử biểu thị sự nhấn mạnh được in .
bạn cũng có thể làm <p style="font-weight:bold;"> bold text here </p>
Một chủ đề rất cũ, tôi biết. - nhưng để hoàn thiện:
tôi sử dụng <span class="bold">my text</span>
khi tôi tải lên bốn kiểu phông chữ: normal; Dũng cảm; in nghiêng và in nghiêng đậm vào trang web của tôi qua css.
Tôi cảm thấy kết quả đầu ra tốt hơn so với việc chỉ đơn giản là sửa đổi một phông chữ và gần với ý định của các nhà thiết kế về cách phông chữ tăng cường trông như thế nào.
Tất nhiên, điều tương tự cũng áp dụng cho chữ in nghiêng và chữ đậm, điều này giúp tôi linh hoạt hơn.
Những gì bạn sử dụng thay vì b
phần tử phụ thuộc vào ngữ nghĩa của nội dung phần tử đó.
b
và strong
đã cùng tồn tại trong một thời gian dài cho đến nay. Trong HTML 4.01 , đã được thay thế bởi HTML5, strong
được sử dụng cho "sự nhấn mạnh mạnh mẽ", tức là sự nhấn mạnh mạnh mẽ hơn em
phần tử (chỉ sự nhấn mạnh). Trong HTML 5.2 , strong
"thể hiện mức độ quan trọng, nghiêm túc hoặc khẩn cấp đối với nội dung của nó"; các khía cạnh "nghiêm túc" và "khẩn cấp" là điểm mới trong đặc tả so với HTML 4.01. Vì vậy, nếu bạn đã từng b
thể hiện nội dung quan trọng, nghiêm trọng hoặc khẩn cấp, bạn nên sử dụng strong
thay thế. Nếu muốn, bạn có thể phân biệt giữa các ngữ nghĩa khác nhau này bằng cách thêm các thuộc tính lớp có ý nghĩa, ví dụ: <strong class="urgent">...</strong>
và<strong class="warning">...</strong>
và sử dụng các bộ chọn CSS thích hợp để tạo kiểu cho các kiểu "nhấn mạnh" này khác nhau, ví dụ: sử dụng các màu và kích thước phông chữ khác nhau (ví dụ: trong tệp CSS của bạn:. strong.warning { color: red; background-color: transparent; border: 2px solid red; }
).
b
là em
phần tử , trong HTML 5.2 "đại diện cho sự nhấn mạnh căng thẳng của nội dung của nó". Lưu ý rằng phần tử này thường được hiển thị bằng chữ nghiêng (và do đó thường được đề xuất thay thế cho i
phần tử).
<strong class="bold">...</strong>
. Thứ nhất, thuộc tính class không có ý nghĩa gì trong các ngữ cảnh phi hình ảnh (nghe sách ePub, nói chung chuyển văn bản thành giọng nói, trình đọc màn hình, chữ nổi Braille); thứ hai, lý do tại sao một cái gì đó được in đậm.b
cho toàn bộ đoạn văn hoặc tiêu đề (trái ngược với các đoạn văn bản ngắn hơn, đó là trường hợp sử dụng trong gạch đầu dòng trước đó), tôi sẽ thay thế nó bằng các class
thuộc tính thích hợp hoặc nếu có, các vai trò WAI-ARIA chẳng hạn như alert
đối với trực tiếp khu vực "có thông tin quan trọng và thường nhạy cảm về thời gian". Như đã đề cập ở trên, bạn nên sử dụng class
các giá trị thuộc tính "ngữ nghĩa" để những người duy trì mã (bao gồm cả bản thân trong tương lai của bạn) có thể tìm ra lý do tại sao một cái gì đó được in đậm.b
có thể đại diện cho một cái gì đó ngữ nghĩa. Ví dụ: khi bạn đang chuyển đổi tài liệu in thành HTML, văn bản có thể được in đậm vì những lý do không liên quan gì đến sự nhấn mạnh hoặc tầm quan trọng mà là hướng dẫn trực quan. Ví dụ: các từ tiêu đề trong từ điển không "nghiêm trọng", "khẩn cấp" hơn nội dung khác, vì vậy bạn có thể giữ b
phần tử đó và tối ưu thêm một thuộc tính lớp có ý nghĩa, ví dụ: <b class="headword">
hoặc thay thế thẻ bằng <span class="headword">
dựa trên đối số b
có không có ý nghĩa trong bối cảnh không trực quan.Trong tệp CSS của bạn (thay vì sử dụng style
thuộc tính, như một số câu trả lời khác đã đề xuất), bạn có một số tùy chọn để tạo kiểu cho văn bản "in đậm" hoặc văn bản quan trọng:
font-weight
bất động sản , cho phép nhiều giá trị hơn là chỉ normal
và bold
, cụ thể là normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
,Lưu ý rằng hỗ trợ cho các giá trị trọng số phông chữ số không phải lúc nào cũng tốt.
#bold{
font-weight: bold;
}
#custom{
font-weight: 200;
}
<body>
<p id="bold"> here is a bold text using css </p>
<p id="custom"> here is a custom bold text using css </p>
</body>
Tôi hy vọng nó hoạt động
Trên một chú thích bên dưới, mã dưới đây cũng sẽ làm cho nó in đậm.
<strong> text here </strong>
<p style="font-weight:bold;"></p>
Ngày nay mọi người có xu hướng sử dụng các trình xây dựng trang web (CMS như Wordpress) thay vì viết mã blog của riêng họ từ đầu. Ngay cả các nhà phát triển web chuyên nghiệp cũng làm điều đó vì nó nhanh hơn.
Sẽ thật tuyệt nếu bạn có thể đề cập đến những ưu điểm và những điều cần lưu ý khi viết mã blog của riêng bạn trong cuộc sống thực, ví dụ:
Dù sao, bạn có thể sử dụng css / css3 hoặc JavaScript để tạo trang web tương tác. Thậm chí bạn có thể tải tất cả các loại mã của mình lên một máy chủ định dạng chủ đề blog mặc định.
Câu trả lời của @Darryl Hein là đúng mặc dù có một điểm - hoàn toàn <b>
không được khuyến khích kể từ XHTML, vì nó không có ngữ nghĩa .
<strong>
nghĩa là văn bản được đánh dấu ngữ nghĩa
font-weight: bold
nghĩa là văn bản được đánh dấu trực quan
<strong>
có thể được điều chỉnh css để không in đậm, mặc dù đó là một mặc định thông thường. Nó có thể được làm màu đỏ, hoặc nghiêng, hoặc gạch chân (mặc dù tất cả những khả năng này không thực sự thân thiện với người dùng). Sử dụng nó cho các cụm từ / từ trong văn bản, không phải vì thiết kế trực quan mà liên quan đến ý nghĩa của chúng
font-weight: bold
nên được sử dụng cho các phần in đậm liên quan đến thiết kế, như tiêu đề, tiêu đề phụ, ô tiêu đề bảng, v.v.
<b>
là biện pháp cuối cùng, và tôi đã viết rằng b không được khuyến khích. Mâu thuẫn ở đâu?
...previous versions of HTML defined the b element only in presentational terms, the element has now been given the specific semantic purpose of representing text “offset from its surrounding content without conveying any extra emphasis or importance, and [conventionally boldened]”.
trong html5, theo dev.w3.org/html5/markup/b.html#b . Đó là lý do mà tôi coi <b>
là: hợp lệ / phương sách cuối cùng / không phải ngữ nghĩa / được định nghĩa lại thành ngữ nghĩa, v.v. Chỉ là một sự khác biệt nhỏ.
Sử dụng <strong>
thẻ vì nó mang nhiều ngữ nghĩa hơn. <b>
đã bị mất giá nên tốt nhất bạn không nên sử dụng. Ngoài ra chữ in đậm được đưa ra nhiều Search Engine Optimization (SEO) trọng lượng vì vậy nó luôn luôn tốt nhất để sử dụng một thực <strong>
chứ không phải là thực hiện một <p>
hoặc <span>
đậm CSS bằng.