Sự khác biệt giữa <b> và <strong>, <i> và <em> là gì?

Sự khác biệt giữa những gì <b>và <strong>, <i>và <em>trong HTML / XHTML? Khi nào bạn nên sử dụng mỗi?

Chúng có tác dụng tương tự trên các công cụ kết xuất trình duyệt web thông thường , nhưng có một sự khác biệt cơ bản giữa chúng.

Như tác giả viết trong một bài viết danh sách thảo luận :

Hãy nghĩ về ba tình huống khác nhau:

• trình duyệt web
• người mù
• điện thoại di động

"In đậm" là một phong cách - khi bạn nói "in đậm một từ" , về cơ bản mọi người biết rằng nó có nghĩa là thêm nhiều hơn, hãy nói "mực", xung quanh các chữ cái cho đến khi chúng nổi bật hơn giữa các chữ cái còn lại.

Điều đó, thật không may, có nghĩa là không có gì với một người mù. Trên điện thoại di động và các thiết bị PDA khác, văn bản đã được in đậm vì độ phân giải màn hình rất nhỏ. Bạn không thể in đậm mà không làm hỏng cái gì đó.

<b>là một phong cách - chúng ta biết "đậm" được cho là trông như thế nào.

<strong>tuy nhiên là một chỉ dẫn về cách hiểu một cái gì đó . "Mạnh" có thể (và thường không) có nghĩa là "đậm" trong trình duyệt, nhưng nó cũng có thể có nghĩa là một âm thấp hơn cho một chương trình nói như Hàm (đối với người mù) hoặc được thể hiện bằng một gạch chân (vì bạn không thể in đậm in đậm) trên Palm Pilot.

HTML không bao giờ có nghĩa là về phong cách. Thực hiện một số tìm kiếm cho "Tim Berners-Lee" và "web ngữ nghĩa." <strong>là ngữ nghĩa, nó mô tả văn bản mà nó bao quanh (ví dụ: "văn bản này phải mạnh hơn phần còn lại của văn bản bạn đã hiển thị" ) trái ngược với mô tả cách hiển thị văn bản mà nó bao quanh (ví dụ: "văn bản này phải được hiển thị in đậm " ).

<b>và <i>rõ ràng - chúng chỉ định in đậm và in nghiêng tương ứng.

<strong>và <em>có ngữ nghĩa - họ xác định rằng văn bản kèm theo phải là "mạnh" hoặc "nhấn mạnh" theo một cách nào đó, thường là in đậm và in nghiêng, nhưng cho phép điều khiển kiểu dáng thực tế thông qua CSS. Do đó chúng được ưa thích trong các trang web hiện đại.

<strong>và <em>thêm ý nghĩa ngữ nghĩa bổ sung vào tài liệu của bạn. Nó chỉ xảy ra rằng họ cũng cung cấp một phong cách in đậm và in nghiêng cho văn bản của bạn.

Tất nhiên bạn có thể ghi đè lên kiểu dáng của chúng bằng CSS.

<b>và <i>mặt khác chỉ áp dụng kiểu dáng phông chữ và không còn được sử dụng. (Vì bạn phải định dạng bằng CSS và nếu văn bản thực sự quan trọng thì có lẽ bạn sẽ làm cho nó "mạnh" hoặc "nhấn mạnh" bằng mọi cách!)

Hy vọng rằng có ý nghĩa.

Dưới đây là tóm tắt các định nghĩa cùng với cách sử dụng được đề xuất:

<b>... một đoạn văn bản thu hút sự chú ý cho mục đích sử dụng mà không truyền đạt bất kỳ tầm quan trọng đặc biệt nào và không có ý nghĩa của một giọng nói hoặc tâm trạng thay thế, chẳng hạn như các từ khóa trong bản tóm tắt tài liệu, tên sản phẩm trong bài đánh giá, các từ có thể hành động trong phần mềm điều khiển văn bản tương tác, hoặc một lede bài viết .

<strong> ... bây giờ đại diện cho tầm quan trọng hơn là sự nhấn mạnh mạnh mẽ.

<i>... một đoạn văn bản trong giọng nói hoặc tâm trạng thay thế, hoặc bù lại bằng văn xuôi bình thường theo cách chỉ ra một chất lượng khác của văn bản, chẳng hạn như chỉ định phân loại , thuật ngữ kỹ thuật , cụm từ thành ngữ từ ngôn ngữ khác , một ý nghĩ hoặc một tên tàu trong các văn bản phương Tây.

<em> ... Chỉ sự nhấn mạnh.

(Đây là tất cả các trích dẫn trực tiếp từ các nguồn W3C, với sự nhấn mạnh của tôi được thêm vào. Xem: https://rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elements và http://www.w3.org /TR/html401/struct/text.html#h-9.2.1 cho bản gốc)

<b>và <i>cả hai đều liên quan đến phong cách, trong khi <em>và <strong>là ngữ nghĩa. Trong HTML 4, đầu tiên được phân loại là các thành phần kiểu phông chữ và sau là các thành phần cụm từ .

Như bạn đã chỉ ra một cách chính xác <i>và <em>thường được coi là tương tự nhau, bởi vì các trình duyệt thường hiển thị cả in nghiêng. Nhưng theo các thông số kỹ thuật, <em> chỉ ra sự nhấn mạnh và <strong> chỉ ra sự nhấn mạnh mạnh hơn , khá rõ ràng, nhưng thường bị hiểu sai. Mặt khác, sự khác biệt giữa khi nào nên sử dụng <i>hay <b>thực sự là vấn đề của phong cách.

Mặc dù <strong>và <em>tất nhiên là đúng hơn về mặt ngữ nghĩa, dường như có những lý do chính đáng nhất định để sử dụng <b>và <i>thẻ cho nội dung do khách hàng viết.

Trong nội dung như vậy, các từ hoặc cụm từ có thể được in đậm hoặc in nghiêng và nói chung chúng ta không cần phải phân tích lý do ngữ nghĩa cho việc tô đậm hoặc in nghiêng.

Hơn nữa, nội dung như vậy có thể đề cập đến các từ và cụm từ in đậm và in nghiêng để truyền đạt một ý nghĩa cụ thể.

Một ví dụ sẽ là một câu hỏi thi tiếng Anh hướng dẫn một học sinh thay thế từ in đậm.

<em>và <strong>tiêu thụ nhiều băng thông hơn <i>và <b>.

Họ cũng yêu cầu gõ nhiều hơn (nếu không được tạo tự động).

Họ cũng làm lộn xộn màn hình biên tập với nhiều văn bản hơn. Tôi dường như nhớ lại rằng các lập trình viên thích các tệp nguồn nhỏ hơn nếu chúng giống nhau. (Và chúng ta hãy thực sự, họ đều giống nhau. Có, có "kỹ thuật" (<i> ho </ i>, e hèm, xin lỗi) khác nhau, nhưng đó là chủ yếu là giả mạo để bắt đầu với.)

Với bất kỳ thẻ nào ở trên, bạn có thể sử dụng biểu định kiểu để tùy chỉnh cách chúng xuất hiện theo cách bạn muốn nếu bạn cần chúng xuất hiện khác với kết xuất mặc định của chúng.

Như những người khác đã nói <b> và <i> là rõ ràng (nghĩa là "làm cho văn bản này in đậm"), trong khi <strong> và <em> là ngữ nghĩa (nghĩa là "văn bản này cần được nhấn mạnh").

Trong bối cảnh của một trình duyệt web hiện đại, thật khó để thấy sự khác biệt (cả hai dường như tạo ra cùng một kết quả, phải không?), Nhưng hãy nghĩ về trình đọc màn hình cho người khiếm thị. Nếu trình đọc màn hình bắt gặp thẻ <i>, nó sẽ không biết phải làm gì. Nhưng nếu nó bắt gặp một thẻ <em>, nó biết rằng bất cứ điều gì bên trong nên được nhấn mạnh cho người nghe. Và trong đó bạn có được sự khác biệt thực tế.

<i>, <b>, <em>Và <strong>thẻ là truyền thống biểu hiện. Nhưng chúng đã được đưa ra ý nghĩa ngữ nghĩa mới trong HTML5 .

<i>và <b>đã được sử dụng cho kiểu phông chữ trong HTML4. <i>đã được sử dụng cho chữ nghiêng và <b>in đậm. Trong <i>thẻ HTML5 có ý nghĩa ngữ nghĩa mới của ' giọng nói hoặc tâm trạng thay thế ' và <b>thẻ có ý nghĩa bù đắp theo kiểu cách .

Ví dụ sử dụng <i>thẻ là - chỉ định phân loại, thuật ngữ kỹ thuật, cụm từ thành ngữ từ một ngôn ngữ khác, phiên âm, một ý nghĩ, tên tàu trong các văn bản phương Tây. Nhu la -

<p><i>I hope this works</i>, he thought.</p>

Ví dụ sử dụng <b>thẻ là từ khóa trong trích xuất tài liệu, tên sản phẩm trong bài đánh giá, từ có thể hành động trong phần mềm điều khiển văn bản tương tác, dẫn bài viết.

Đoạn ví dụ sau đây được bù theo kiểu từ các đoạn theo sau nó.

<p><b class="lead">The event takes place this upcoming Saturday, and over 3,000 people have already registered.</b></p>

<em>và <strong>có ý nghĩa nhấn mạnh và nhấn mạnh trong HTML4. Nhưng trong HTML5 <em>có nghĩa là nhấn mạnh nhấn mạnh và <strong>có nghĩa là tầm quan trọng mạnh mẽ .

Trong ví dụ sau, cần có một sự thay đổi ngôn ngữ trong khi đọc từ trước khi ...

<p>Make sure to sign up <em>before</em> the day of the event, September 16, 2016</p>

Trong cùng một ví dụ chúng ta có thể sử dụng <strong>thẻ như sau ..

<p>Make sure to sign up <em>before</em> the day of the event, <strong>September 16, 2016</strong></p>

để đưa ra tầm quan trọng vào ngày sự kiện.

Tham chiếu MDN:

https://developer.mozilla.org/en-US/docs/Web/HTML/Euity/b

https://developer.mozilla.org/en-US/docs/Web/HTML/Euity/i

https://developer.mozilla.org/en-US/docs/Web/HTML/Euity/em

https://developer.mozilla.org/en-US/docs/Web/HTML/Euity/strong

Như những người khác đã nói, sự khác biệt là kiểu phông chữ <b>và <i>mã cứng, trong khi <strong>và <em>chỉ ra ý nghĩa ngữ nghĩa, với kiểu phông chữ (hoặc ngữ điệu của trình duyệt nói, hoặc những gì bạn có) được xác định tại thời điểm văn bản được hiển thị (hoặc đã nói).

Bạn có thể nghĩ về điều này như một sự khác biệt giữa một kiểu phông chữ vật lý và một kiểu logic logic, nếu bạn muốn. Vào một lúc nào đó, bạn có thể muốn thay đổi cách hiển thị <strong>và <em>văn bản, bằng cách thay đổi các thuộc tính trong biểu định kiểu để thêm thay đổi màu sắc và kích thước hoặc thậm chí sử dụng hoàn toàn các mặt phông chữ khác nhau. Nếu bạn đã sử dụng “logic” đánh dấu thay vì hardcoded đánh dấu “vật lý”, sau đó bạn chỉ có thể thay đổi các thuộc tính hiển thị ở một nơi từng trong bảng phong cách của bạn, và sau đó tất cả các trang mà tham khảo style sheet có được thay đổi tự động , mà không bao giờ phải chỉnh sửa chúng.

Khá bóng bẩy hả?

Đây cũng là lý do đằng sau việc xác định kiểu phụ (được tham chiếu bằng thuộc style=tính trong thẻ văn bản) cho đoạn văn, ô bảng, văn bản tiêu đề, chú thích, v.v. và sử dụng <div>thẻ. Bạn có thể xác định biểu diễn vật lý cho các kiểu logic của mình trong biểu định kiểu và các thay đổi sẽ được tự động phản ánh trong các trang web tham chiếu biểu định kiểu đó. Bạn muốn một đại diện khác cho mã nguồn? Xác định lại phông chữ, kích thước, trọng lượng, khoảng cách, v.v. cho kiểu "mã" của bạn.

Nếu bạn sử dụng XHTML, bạn thậm chí có thể xác định các thẻ ngữ nghĩa của riêng mình và biểu định kiểu của bạn sẽ thực hiện chuyển đổi thành các kiểu và bố cục phông chữ vật lý cho bạn.

Tôi thực sự sử dụng cả <strong> và <b> cho các lý do chính xác được đề cập trong chuỗi phản hồi này. Đôi khi, việc in đậm một số văn bản chỉ đơn giản là trông tốt hơn, nhưng nó không nhất thiết, về mặt ngữ nghĩa quan trọng hơn so với phần còn lại của câu. Đây là một ví dụ từ một trang tôi đang làm việc ngay bây giờ:

"Truy xuất <strong> tất cả </ strong> sách về <b> lacrosse </ b>."

Trong câu đó, từ "tất cả" rất quan trọng và "lacrosse" ít hơn - tôi chỉ muốn nó in đậm vì nó đại diện cho một thuật ngữ tìm kiếm, vì vậy tôi muốn có một sự tách biệt thị giác. Nếu bạn đang xem trang bằng trình đọc màn hình, tôi thực sự không nghĩ rằng nó cần phải đi ra ngoài để nhấn mạnh từ "lacrosse".

Tôi có xu hướng tưởng tượng rằng hầu hết các nhà phát triển web sử dụng một trong những nhà phát triển khác, nhưng cả hai đều ổn - <b> chắc chắn không bị phản đối, như một số người đã tuyên bố. Đối với tôi, đó chỉ là một ranh giới giữa sự hấp dẫn và ý nghĩa hình ảnh.

Chỉ sử dụng chúng nếu sử dụng các lớp kiểu CSS là vì bất kỳ lý do nào không thuận tiện hoặc không thể (như hệ thống blog, chỉ cho phép một số thẻ sử dụng trong bài đăng và cuối cùng là kiểu nhúng). Một lý do khác là hỗ trợ cho các trình duyệt rất cũ (một số thiết bị di động?) Hoặc các công cụ tìm kiếm nguyên thủy (cung cấp điểm cho <b>hoặc<strong> thẻ, thay vì phân tích các kiểu CSS).

Nếu bạn có thể xác định kiểu CSS, hãy sử dụng chúng.

Đối với văn bản in đậm bằng cách sử dụng <b> thẻ

Đối với văn bản quan trọng bằng cách sử dụng <strong> thẻ

Đối với văn bản kiểu chữ nghiêng sử dụng <i> thẻ

Đối với văn bản nhấn mạnh bằng cách sử dụng <em> thẻ

<b>và <i>nên tránh vì họ mô tả phong cách của văn bản. Thay vào đó, sử dụng <strong>và <em>bởi vì điều đó mô tả ngữ nghĩa (ý nghĩa) của văn bản.

Như với tất cả mọi thứ trong HTML, bạn nên suy nghĩ không phải về cách bạn muốn nó trông như thế nào , mà là ý nghĩa thực sự của bạn . Chắc chắn, nó có thể chỉ in đậm và in nghiêng cho bạn, nhưng không phải cho trình đọc màn hình.

b hoặc i có nghĩa là bạn muốn văn bản được hiển thị dưới dạng in đậm hoặc in nghiêng. mạnh hay em có nghĩa là bạn muốn văn bản được hiển thị theo cách mà người dùng hiểu là "quan trọng". Mặc định là hiển thị mạnh như đậm và em như in nghiêng, nhưng một số nền văn hóa khác có thể sử dụng ánh xạ khác.

Giống như các chuỗi trong một chương trình, b và tôi sẽ được "mã hóa cứng" trong khi mạnh mẽ và em sẽ được "bản địa hóa".

"Chúng có cùng tác dụng. Tuy nhiên, XHTML, phiên bản HTML mới hơn, sạch hơn, khuyên bạn nên sử dụng <strong>thẻ. Mạnh thì tốt hơn vì dễ đọc hơn - nghĩa của nó rõ ràng hơn. Ngoài ra, <strong>truyền tải ý nghĩa - hiển thị văn bản mạnh mẽ - trong khi <b>(in đậm) truyền tải một phương thức - làm mờ văn bản. Với mã mạnh, mã của bạn vẫn có ý nghĩa nếu bạn sử dụng biểu định kiểu CSS để thay đổi phương thức làm cho văn bản trở nên mạnh mẽ.

Điều tương tự cũng xảy ra đối với sự khác biệt giữa <i>và <em>".

Google kết hợp:

http://wiki.answers.com/Q/What_is_the_difference_b betweenets_tags_b_and_strong

Các yếu tố định dạng HTML:

HTML cũng định nghĩa các yếu tố đặc biệt để xác định văn bản có ý nghĩa đặc biệt. HTML sử dụng các yếu tố như <b> và <i> để định dạng đầu ra, như văn bản in đậm hoặc in nghiêng.

HTML táo bạo và định dạng mạnh:

Phần tử <b> HTML xác định văn bản in đậm mà không có bất kỳ tầm quan trọng nào.

<b>This text is bold</b>

Phần tử <strong> HTML xác định văn bản mạnh, có thêm tầm quan trọng "mạnh" về ngữ nghĩa.

<strong>This text is strong</strong>

HTML Định dạng in nghiêng và nhấn mạnh:

Phần tử <i> HTML xác định văn bản in nghiêng mà không có bất kỳ tầm quan trọng nào.

<i>This text is italic</i>

Phần tử <em> HTML xác định văn bản được nhấn mạnh, với tầm quan trọng ngữ nghĩa được thêm vào.

<em>This text is emphasized</em>

Bạn thường nên cố gắng tránh <b>và <i>. Chúng được giới thiệu để bố trí trang (thay đổi giao diện) trong các phiên bản HMTL đầu tiên trước khi tạo CSS, như fontthẻ bị xóa trong khi đó , và chủ yếu được giữ để tương thích ngược và vì một số diễn đàn cho phép HTML nội tuyến và điều đó dễ dàng cách thay đổi giao diện của văn bản (như sử dụng BBCode [i], bạn có thể sử dụng <i>, v.v.).

Kể từ khi tạo CSS, bố cục thực sự không còn là điều nên làm trong HTML nữa, đó là lý do tại sao CSS đã được tạo ở vị trí đầu tiên (HTML == Architecture, CSS == Layout). Các thẻ này cũng có thể biến mất trong tương lai, sau tất cả, bạn chỉ có thể sử dụng CSS và spancác thẻ để làm đậm văn bản / in nghiêng nếu bạn cần một biến thể phông chữ "vô nghĩa". HTML 5 vẫn cho phép họ nhưng tuyên bố rằng đánh dấu văn bản theo cách đó không có ý nghĩa .

<em>và <strong>mặt khác chỉ nói rằng một cái gì đó được "nhấn mạnh" hoặc "nhấn mạnh", nó để nó hoàn toàn mở cho trình duyệt cách hiển thị nó. Hầu hết các trình duyệt sẽ hiển thị emin nghiêng và strongđậm như tiêu chuẩn gợi ý theo mặc định, nhưng họ không bị buộc phải làm điều đó (họ có thể sử dụng các màu sắc khác nhau, kích thước phông chữ, phông chữ, bất cứ điều gì). Bạn có thể sử dụng CSS để thay đổi hành vi theo cách bạn muốn. Bạn có thể làm emđậm nếu bạn thích và strongđậm và đỏ, ví dụ.

<strong>và <em>là trừu tượng (đó là những gì mọi người có nghĩa là khi họ nói đó là ngữ nghĩa). <b>và <i>là những cách cụ thể để làm cho một cái gì đó "mạnh mẽ" hoặc "nhấn mạnh"

Sự giống nhau:

Cả hai <strong>là <b>và <em>là<i>

như

"phương tiện" là "xe jeep"

Chúng tôi sử dụng <strong>thẻ cho văn bản có mức độ ưu tiên cao cho các mục đích SEO như tên sản phẩm, tên công ty, v.v., trong khi <b>đơn giản làm cho nó đậm.

Tương tự, chúng tôi sử dụng <em>cho văn bản có mức độ ưu tiên cao cho SEO, trong khi <i>để làm cho văn bản đơn giản là chữ nghiêng.