Helpex - Trao đổi & giúp đỡ Đăng nhập
692

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

692 hữu ích 3 bình luận 375k xem chia sẻ
18 trả lời 18
948

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 kiểu - 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 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""web ngữ nghĩa." <strong>là ngữ nghĩa, nó mô tả văn bả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 bao quanh (ví dụ: "văn bản này phải được hiển thị in đậm " ).

948 hữu ích 5 bình luận chia sẻ
210

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

<strong><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.

210 hữu ích 5 bình luận chia sẻ
22

<strong><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><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.

22 hữu ích 3 bình luận chia sẻ
8

Mặc dù <strong><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><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.

8 hữu ích 0 bình luận chia sẻ
7

<b><i>cả hai đều liên quan đến phong cách, trong khi <em><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><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<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.

7 hữu ích 3 bình luận chia sẻ
7

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 khoảng thời gian văn bản mà sự chú ý đang được rút ra cho các mục đích thực dụng mà không truyền đạt bất kỳ quan trọng thêm và không có ý nghĩa của một giọng nói thay thế hoặc tâm trạng, chẳng hạn như từ khóa trong một trừu tượng tài liệu, tên sản phẩm trong một bài đánh giá, từ 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.

<i>... một đoạn văn bản trong giọng nói hoặc tâm trạng thay thế, hoặc khác với 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-elementshttp://www.w3.org /TR/html401/struct/text.html#h-9.2.1 cho bản gốc)

7 hữu ích 0 bình luận chia sẻ
3

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ế.

3 hữu ích 0 bình luận chia sẻ
3

Như những người khác đã nói, sự khác biệt là kiểu phông chữ <b><i>mã cứng, trong khi <strong><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><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 mà 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 cách sử dụ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.

3 hữu ích 1 bình luận chia sẻ
2

<b><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><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 không nên nghĩ về việc 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.

2 hữu ích 1 bình luận chia sẻ
2

Chỉ sử dụng chúng nếu sử dụng các lớp kiểu CSS 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.

2 hữu ích 0 bình luận chia sẻ
2

<em><strong>tiêu thụ nhiều băng thông hơn <i><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à hãy thành thực, chúng giống nhau. Vâng, có "kỹ thuật" (<i> ho </ i>, ahem, xin lỗi) sự khác biệt, nhưng chủ yếu là giả mạo để bắt đầu.)

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.

2 hữu ích 0 bình luận chia sẻ
2

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ư và để đị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ử 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ử HTML xác định văn bản mạnh, với 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ử HTML định nghĩa 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ử 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>
2 hữu ích 0 bình luận chia sẻ
1

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 hoặc 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 mẽ 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, btôi sẽ được "mã hóa cứng" trong khi mạnh mẽem sẽ được "bản địa hóa".

1 hữu ích 0 bình luận chia sẻ
1

"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><em>".

Google kết hợp:

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

1 hữu ích 0 bình luận chia sẻ
1

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. Có những lúc, 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 phải quan trọng hơn về mặt ngữ nghĩa 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 người 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.

1 hữu ích 0 bình luận chia sẻ
1

i, b, em và các thẻ mạnh là truyền thống đại diện. Nhưng chúng đã được đưa ra ý nghĩa ngữ nghĩa mới trong html5 .

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

Ví dụ sử dụng thẻ i 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 thẻ b 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>

emstrong có ý nghĩa nhấn mạnh và nhấn mạnh vào html4. Nhưng trong html5 em có nghĩa là nhấn mạnh nhấn mạnhmạnh 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 ...

<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 thẻ mạnh 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

1 hữu ích 0 bình luận chia sẻ
0

Bạn nên cố gắng tránh <b><i>. Chúng được giới thiệu để "bố trí" trang (như fontthẻ bị xóa trong khi đó ) và bố cục không phải là điều nên làm trong HTML, nên thực hiện bằng CSS (HTM == 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 cho văn bản in đậm / in nghiêng.

<em><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 anh em làm thế nào để hiển thị nó. Hầu hết các trình duyệt sẽ hiển thị chữ nghiêng và đậm đậm, nhưng chúng không bị buộc phải làm điều đó (chúng 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ứ thứ 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 cho em đậm nếu bạn thích và mạnh mẽ đậm và đỏ chẳng hạn.

0 hữu ích 2 bình luận chia sẻ
1

<strong><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><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"

<strong>: <b>:: xe :: xe jeep

1 hữu ích 0 bình luận chia sẻ
loading
Không tìm thấy câu trả lời bạn tìm kiếm? Duyệt qua các câu hỏi được gắn thẻ html xhtml , hoặc hỏi câu hỏi của bạn.

Có thể bạn quan tâm

loading