CSS / HTML: Cách chính xác để làm cho văn bản in nghiêng là gì?


202

Là gì đúng cách để làm nghiêng văn bản? Tôi đã thấy bốn cách tiếp cận sau:

<i>Italic Text</i>

<em>Italic Text</em>

<span class="italic">Italic Text</span>

<span class="footnote">Italic Text</span>

<i>

Đây là "cách cũ". <i>không có ý nghĩa ngữ nghĩa và chỉ chuyển tải hiệu ứng trình bày của việc làm cho văn bản in nghiêng. Theo như tôi có thể thấy, điều này rõ ràng là sai bởi vì đây là phi ngữ nghĩa.


<em>

Điều này sử dụng đánh dấu ngữ nghĩa cho mục đích trình bày hoàn toàn. Nó chỉ xảy ra rằng <em>theo mặc định làm cho văn bản in nghiêng và vì vậy nó thường được sử dụng bởi những người nhận thức được <i>nên tránh nhưng những người không biết về ý nghĩa ngữ nghĩa của nó. Không phải tất cả các văn bản in nghiêng là in nghiêng vì nó được nhấn mạnh. Đôi khi, nó có thể ngược lại chính xác, như một ghi chú bên cạnh hoặc thì thầm.


<span class="italic">

Điều này sử dụng một lớp CSS để đặt bài thuyết trình. Điều này thường được quảng cáo là cách chính xác nhưng một lần nữa, điều này có vẻ sai với tôi. Điều này dường như không truyền đạt bất kỳ ý nghĩa ngữ nghĩa nào nữa <i>. Nhưng, những người ủng hộ nó khóc, việc thay đổi tất cả văn bản in nghiêng của bạn sau này sẽ dễ dàng hơn nhiều nếu bạn nói rằng nó muốn in đậm. Tuy nhiên, đây không phải là trường hợp vì sau đó tôi sẽ bị bỏ lại với một lớp gọi là "in nghiêng" khiến văn bản được in đậm. Hơn nữa, không rõ lý do tại sao tôi muốn thay đổi tất cả văn bản in nghiêng trên trang web của mình hoặc ít nhất chúng ta có thể nghĩ về các trường hợp trong đó điều này sẽ không được mong muốn hoặc không cần thiết.


<span class="footnote">

Điều này sử dụng một lớp CSS cho ngữ nghĩa. Cho đến nay điều này dường như là cách tốt nhất nhưng nó thực sự có hai vấn đề.

  1. Không phải tất cả các văn bản có đủ ý nghĩa để đảm bảo đánh dấu ngữ nghĩa. Ví dụ, văn bản in nghiêng ở cuối trang có thực sự là một chú thích không? Hay là một bên? Hoặc một cái gì đó khác hoàn toàn. Có lẽ nó không có ý nghĩa đặc biệt và chỉ cần được hiển thị bằng chữ in nghiêng để tách nó một cách trình bày khỏi văn bản trước nó.

  2. Ý nghĩa ngữ nghĩa có thể thay đổi khi nó không có đủ sức mạnh. Hãy nói rằng tôi đã đi cùng với "chú thích" dựa trên không gì khác hơn là văn bản ở cuối trang. Điều gì xảy ra khi một vài tháng sau tôi muốn thêm nhiều văn bản ở phía dưới? Nó không còn là một chú thích. Làm thế nào chúng ta có thể chọn một lớp ngữ nghĩa ít chung chung hơn <em>nhưng tránh được những vấn đề này?


Tóm lược

Dường như yêu cầu về ngữ nghĩa dường như quá nặng nề trong nhiều trường hợp trong đó mong muốn tạo ra một cái gì đó in nghiêng không có nghĩa là mang ý nghĩa ngữ nghĩa.

Hơn nữa, mong muốn tách biệt phong cách khỏi cấu trúc đã khiến CSS được quảng cáo là sự thay thế <i>khi có những lúc điều này thực sự ít hữu ích. Vì vậy, điều này khiến tôi trở lại với <i>thẻ khiêm tốn và tự hỏi liệu dòng suy nghĩ này có phải là lý do tại sao nó bị bỏ lại trong thông số HTML5 không?

Có bài viết hay bài viết hay nào về chủ đề này không? Có lẽ bởi những người liên quan đến quyết định giữ lại / tạo <i>thẻ?


4
Thẻ <i> có trong HTML5 vì HTML5 (một phần) là một nỗ lực để chuẩn hóa cách các trình duyệt hiện tại xử lý HTML
Gareth

3
Tôi nhận được 404 cho bài viết tương tự / liên quan.
Martin Hansen Lennox

@MartinHansenLennox bạn luôn có thể gắn cờ các liên kết đó để chúng được bỏ phiếu và biến mất. Tôi đã bình chọn rồi.
nilon

Cờ cho chú ý? Tôi nghĩ rằng đó chỉ là cho những thứ gây khó chịu / spam. Nhưng ok, phải, đã xong
Martin Hansen Lennox

Câu trả lời:


210

Bạn nên sử dụng các phương pháp khác nhau cho các trường hợp sử dụng khác nhau:

  1. Nếu bạn muốn nhấn mạnh một cụm từ, hãy sử dụng <em> .
  2. Các <i>thẻ có một ý nghĩa mới trong HTML5 , đại diện cho "một khoảng thời gian văn bản trong một giọng nói hoặc tâm trạng thay thế". Vì vậy, bạn nên sử dụng thẻ này cho những thứ như suy nghĩ / trợ lý hoặc cụm từ thành ngữ. Thông số kỹ thuật cũng gợi ý tên tàu (nhưng không còn gợi ý tên sách / bài hát / phim; sử dụng<cite> thay vào đó hãy đó).
  3. Nếu văn bản in nghiêng là một phần của bối cảnh lớn hơn, giả sử một đoạn giới thiệu, bạn nên đính kèm kiểu CSS với phần tử lớn hơn, nghĩa là p.intro { font-style: italic; }

2
+1, có vẻ như lời khuyên âm thanh với tôi. Tôi nghĩ rằng điểm 3 là một ví dụ tốt về việc thay đổi phong cách văn bản hoàn toàn vì lý do thẩm mỹ, không có ý định ngữ nghĩa thực sự.
GrahamS

1
Trường hợp 2 không tương ứng với những gì bản nháp HTML5 thực sự nói - không rõ ràng và thay đổi theo phiên bản, nhưng không có phiên bản nào gợi ý sử dụng icho tên sách, bài hát, album hoặc tên phim (có thể gây tranh cãi, là ứng cử viên để sử dụng cite).
Jukka K. Korpela

@Jukka Tôi chắc chắn rằng nó đã ở đó một lúc nào đó. Tuy nhiên bây giờ nó không ở đó nên tôi đã cập nhật câu trả lời của mình.
DisgruntledGoat

Như đã đề cập trong: w3.org/TR/html5/text-level-semantics.html#the-em-element Nếu bạn muốn sử dụng một yếu tố để in nghiêng văn bản, bạn nên sử dụng <i>. Phần tử em không phải là phần tử "in nghiêng" chung chung. Đôi khi, văn bản được dự định nổi bật so với phần còn lại của đoạn văn, như thể nó ở một tâm trạng hoặc giọng nói khác. Đối với điều này, phần tử i là phù hợp hơn.
Dimitris Zorbas 7/12/2015

21

<i>không sai vì nó không phải là ngữ nghĩa. Đó là sai (thường) bởi vì nó mang tính trình bày. Tách mối quan tâm có nghĩa là thông tin hiện tại cần được truyền đạt bằng CSS.

Đặt tên nói chung có thể khó để hiểu đúng và tên lớp cũng không ngoại lệ, tuy nhiên đó là những gì bạn phải làm. Nếu bạn đang sử dụng chữ nghiêng để làm cho một khối nổi bật so với văn bản cơ thể, thì có thể một tên lớp của "dòng chảy đặc biệt" sẽ theo thứ tự. Hãy suy nghĩ về việc tái sử dụng: tên lớp là để phân loại - nơi nào khác bạn muốn làm điều tương tự? Điều đó sẽ giúp bạn xác định một tên phù hợp.

<i>được bao gồm trong HTML5, nhưng nó được đưa ra ngữ nghĩa cụ thể. Nếu lý do tại sao bạn đánh dấu một cái gì đó là chữ nghiêng đáp ứng một trong những ngữ nghĩa được xác định trong thông số kỹ thuật, thì nó sẽ phù hợp để sử dụng <i>. Nếu không thì không.


10

Tôi không phải là chuyên gia nhưng tôi nói rằng nếu bạn thực sự muốn có ngữ nghĩa, bạn nên sử dụng từ vựng (RDFa).

Điều này sẽ dẫn đến một cái gì đó như thế:

<em property="italic" href="http://url/to/a/definition_of_italic"> Your text </em>

emđược sử dụng để trình bày (con người sẽ thấy nó in nghiêng) và các thuộc tính propertyhrefliên kết với một định nghĩa về chữ nghiêng là gì (đối với máy móc).

Bạn nên kiểm tra xem có từ vựng cho loại điều đó không, có thể các thuộc tính đã tồn tại.

Thông tin thêm về RDFa tại đây: http://www.alistapart.com/articles/int sinhtion-to-rdfa /


2
+1 để chỉ ra rằng có một sự khác biệt giữa ngữ nghĩa ngụ ý hoặc kế thừa (hình thức rẻ và dễ nhưng yếu) và nhà phân tích rõ ràng trong đó nhà phát triển phải nỗ lực thêm một chút để tăng giá trị cho nội dung của mình (tốn kém và tốn nhiều công sức nhưng có thể mang lại nội dung chất lượng tốt).
đăng xuất

7

TLD

Cách chính xác để làm cho chữ in nghiêng là bỏ qua vấn đề cho đến khi bạn nhận được CSS, sau đó tạo kiểu theo ngữ nghĩa trình bày. Hai tùy chọn đầu tiên bạn cung cấp có thể đúng tùy theo hoàn cảnh. Hai cái cuối cùng là sai.

Giải thích dài hơn

Đừng lo lắng về việc trình bày khi viết đánh dấu. Đừng nghĩ về chữ nghiêng. Hãy suy nghĩ về ngữ nghĩa. Nếu nó đòi hỏi sự nhấn mạnh căng thẳng, thì đó là một em. Nếu nó tiếp tuyến với nội dung chính, thì đó là một aside. Có lẽ nó sẽ đậm, có thể nó sẽ in nghiêng, có thể nó sẽ có màu xanh huỳnh quang. Nó không quan trọng khi bạn viết đánh dấu.

Khi bạn truy cập CSS, bạn có thể đã có một yếu tố ngữ nghĩa hợp lý để đặt chữ nghiêng cho tất cả các lần xuất hiện trong trang web của bạn. emlà một ví dụ tốt. Nhưng có lẽ bạn muốn tất cả aside > ul > litrên trang web của bạn in nghiêng. Bạn phải tách biệt suy nghĩ về đánh dấu khỏi suy nghĩ về bài thuyết trình.

Như DisgruntledGoat đã đề cập , ilà ngữ nghĩa trong HTML5. Các ngữ nghĩa có vẻ như hẹp đối với tôi, mặc dù. Sử dụng có lẽ sẽ hiếm.

Các ngữ nghĩa emđã thay đổi trong HTML5 để nhấn mạnh nhấn mạnh. strongcó thể được sử dụng để thể hiện tầm quan trọng là tốt. strongcó thể in nghiêng thay vì in đậm nếu đó là cách bạn muốn tạo kiểu cho nó. Đừng để biểu định kiểu của trình duyệt giới hạn bạn. Bạn thậm chí có thể sử dụng biểu định kiểu đặt lại để giúp bạn ngừng suy nghĩ trong mặc định. (Mặc dù có một số cảnh báo .)

class="italic"là xấu. Đừng sử dụng nó. Nó không phải là ngữ nghĩa và không linh hoạt chút nào. Trình bày vẫn có ngữ nghĩa, chỉ là một loại khác với đánh dấu.

class="footnote"đang mô phỏng ngữ nghĩa đánh dấu và là không chính xác. CSS của bạn cho chú thích không nên hoàn toàn độc đáo với chú thích của bạn. Trang web của bạn sẽ trông quá lộn xộn nếu mỗi phần được tạo kiểu khác nhau. Bạn nên có một số mẫu trực quan rải rác trong các trang của bạn để bạn có thể biến thành các lớp CSS. Nếu phong cách của bạn cho chú thích và khối của bạn rất giống nhau, thì bạn nên đặt những điểm tương đồng vào một lớp thay vì lặp đi lặp lại nhiều lần. Bạn có thể xem xét áp dụng các thực tiễn của OOCSS (các liên kết bên dưới).

Sự tách biệt các mối quan tâm và ngữ nghĩa là rất lớn trong HTML5. Mọi người thường không nhận ra rằng đánh dấu không phải là nơi duy nhất mà ngữ nghĩa là quan trọng. Có ngữ nghĩa nội dung (HTML), nhưng cũng có ngữ nghĩa trình bày (CSS) và ngữ nghĩa hành vi (JavaScript) là tốt. Tất cả họ đều có ngữ nghĩa riêng biệt rất quan trọng để chú ý đến khả năng duy trì và duy trì DRY.

Tài nguyên OOCSS


5

Có lẽ nó không có ý nghĩa đặc biệt và chỉ cần được hiển thị bằng chữ in nghiêng để tách nó một cách trình bày khỏi văn bản trước nó.

Nếu nó không có ý nghĩa đặc biệt, tại sao nó cần phải được tách biệt trình bày khỏi văn bản trước nó? Dòng văn bản này có vẻ hơi lạ , bởi vì tôi đã in nghiêng nó mà không có lý do.

Tôi có quan điểm của bạn mặc dù. Không có gì lạ khi các nhà thiết kế tạo ra các thiết kế thay đổi trực quan mà không thay đổi một cách có ý nghĩa. Tôi đã thấy điều này thường xuyên nhất với các hộp: các nhà thiết kế sẽ cung cấp cho chúng tôi các thiết kế bao gồm các hộp với nhiều cách kết hợp màu sắc, góc, độ dốc và bóng đổ khác nhau, không liên quan giữa các kiểu dáng và ý nghĩa của nội dung.

Bởi vì đây là những phong cách hợp lý phức tạp (với các vấn đề liên quan đến Internet Explorer) tái sử dụng ở những nơi khác nhau, chúng ta tạo ra các lớp học như box-1, box-2, để chúng ta có thể tái sử dụng phong cách.

Ví dụ cụ thể của việc làm cho một số chữ in nghiêng là quá tầm thường để lo lắng về mặc dù. Tốt nhất hãy để những chi tiết vụn vặt như thế để Semantic Natter tranh luận.


1
Tôi có xu hướng đồng ý. Nếu bạn không thể đưa ra một lời biện minh cho việc đánh dấu nhất định sẽ được trình bày khác đi thì bạn không nghĩ về nó theo cách đúng đắn. Nếu bạn không thể giải thích tại sao [văn bản này] nên in nghiêng, làm thế nào bạn nhận ra khi [văn bản khác] cũng nên in nghiêng trên một trang / phần khác của trang? Và tương tự, nếu bạn làm biết tại sao, bạn sẽ có thể tìm ra một tên hữu ích vì lý do đó
Gareth

1
Chắc chắn rồi. Đôi khi không có cách nào để sử dụng CSS để biến đánh dấu ngữ nghĩa hoàn toàn thành thứ mà nhà thiết kế muốn (trình duyệt x) - bạn phải linh hoạt.
Skilldrick

1
Có những lý do thẩm mỹ để phong cách văn bản. Ví dụ, có một quy ước (hoàn toàn là thẩm mỹ) để tạo kiểu cho một vài từ đầu tiên của mỗi đoạn trong các chữ hoa nhỏ. Nó không có ý nghĩa ngữ nghĩa. HTML phải có thể đánh dấu văn bản vì những lý do phi ngữ nghĩa.

3

Văn bản in nghiêng HTML hiển thị văn bản ở định dạng in nghiêng.

<i>HTML italic text example</i>

Sự nhấn mạnh và các yếu tố mạnh mẽ có thể được sử dụng để tăng tầm quan trọng của các từ hoặc câu nhất định.

<p>This is <em>emphasized </em> text format <em>example</em></p>

Thẻ nhấn mạnh nên được sử dụng khi bạn muốn nhấn mạnh một điểm trong văn bản của bạn và không nhất thiết là khi bạn muốn in nghiêng văn bản đó.

Xem hướng dẫn này để biết thêm: Định dạng văn bản HTML


2

Phần itử này không phải là ngữ nghĩa, vì vậy đối với các trình đọc màn hình, Googlebot, v.v., nó phải là một loại trong suốt (giống như spanhoặc divcác phần tử). Nhưng nó không phải là một lựa chọn tốt cho nhà phát triển, bởi vì nó tham gia lớp trình bày với lớp cấu trúc - và đó là một thực tiễn tồi.

emphần tử ( strongcũng) nên luôn luôn được sử dụng trong ngữ cảnh ngữ nghĩa, không phải phần trình bày. Nó phải được sử dụng bất cứ khi nào một số từ hoặc câu quan trọng. Chỉ là một ví dụ trong câu trước, tôi nên sử dụng emđể nhấn mạnh hơn vào phần 'nên luôn luôn được sử dụng'. Trình duyệt cung cấp một số thuộc tính CSS mặc định cho các thành phần này, nhưng bạn có thể và bạn phải ghi đè các giá trị mặc định nếu thiết kế của bạn yêu cầu điều này để giữ đúng ý nghĩa ngữ nghĩa của các yếu tố này.

<span class="italic">Italic Text</span>là cách sai nhất. Trước hết, nó bất tiện trong sử dụng. Thứ hai, nó gợi ý rằng văn bản nên in nghiêng. Và lớp cấu trúc (HTML, XML, v.v.) không bao giờ nên làm điều đó. Trình bày phải luôn được giữ tách biệt với cấu trúc.

<span class="footnote">Italic Text</span>dường như là cách tốt nhất cho một chú thích. Nó không đề xuất bất kỳ bài thuyết trình nào và chỉ mô tả đánh dấu. Bạn không thể dự đoán những gì sẽ xảy ra trong tính năng. Nếu một chú thích sẽ phát triển trong tính năng, bạn có thể buộc phải thay đổi tên lớp của nó (để giữ một số logic trong mã của bạn).

Vì vậy, bất cứ khi nào bạn có một số văn bản quan trọng, sử dụng emhoặc strongnhấn mạnh nó. Nhưng hãy nhớ rằng các yếu tố này là các yếu tố nội tuyến và không nên được sử dụng để nhấn mạnh các khối văn bản lớn.

Sử dụng CSS nếu bạn chỉ quan tâm đến việc một cái gì đó trông như thế nào và luôn cố gắng tránh bất kỳ đánh dấu thêm.


1

Tôi nghĩ rằng câu trả lời là sử dụng <em>khi bạn có ý định nhấn mạnh.

Nếu khi đọc văn bản cho chính mình, bạn thấy rằng bạn sử dụng giọng nói hơi khác để nhấn mạnh một điểm, thì nó nên sử dụng <em>vì bạn muốn một trình đọc màn hình làm điều tương tự.

Nếu đó hoàn toàn là một phong cách, chẳng hạn như nhà thiết kế của bạn đã quyết định rằng tất cả các <h2>tiêu đề của bạn sẽ trông đẹp hơn trong chữ in nghiêng, thì không có lý do ngữ nghĩa nào để đưa nó vào HTML và bạn chỉ nên thay đổi CSS cho các yếu tố phù hợp.

Tôi không thể thấy bất kỳ lý do nào để sử dụng <i>, trừ khi bạn đặc biệt cần hỗ trợ một số trình duyệt cũ không có CSS.


Như đã chỉ ra trong các bình luận, có vẻ như họ đã thay đổi một chút ý định trong HTML5 và nhầm lẫn vấn đề này. Vì vậy, nếu bạn đang sử dụng HTML5 thì tôi đoán <i>bây giờ cũng hữu ích về mặt ngữ nghĩa.
GrahamS

0

Tôi muốn nói sử dụng <em>để nhấn mạnh các yếu tố nội tuyến. Sử dụng một lớp cho các thành phần khối như khối văn bản. CSS hay không, văn bản vẫn phải được gắn thẻ. Cho dù đó là cho ngữ nghĩa hay cho trợ giúp trực quan, tôi cho rằng bạn đang sử dụng nó cho một cái gì đó có ý nghĩa ...

Nếu bạn nhấn mạnh văn bản vì BẤT K reason lý do nào, bạn có thể sử dụng <em>hoặc một lớp in nghiêng văn bản của bạn.

Đó là OK để phá vỡ các quy tắc đôi khi!


0

OK, điều đầu tiên cần lưu ý là <i> đã không được dùng nữa và không nên sử dụng <i>chưa được phản đối, nhưng tôi vẫn không khuyên bạn nên sử dụng nó. Xem các bình luận để biết chi tiết. Điều này là do nó hoàn toàn chống lại việc giữ bản trình bày trong lớp trình bày mà bạn đã chỉ ra. Tương tự, <span class="italic">dường như phá vỡ khuôn mẫu quá.

Vì vậy, bây giờ chúng ta có hai cách thực sự để làm: <em><span class="footnote">. Hãy nhớ rằng emviết tắt của nhấn mạnh . Khi bạn muốn áp dụng sự nhấn mạnh cho một từ, cụm từ hoặc câu, hãy dán nó vào <em>các thẻ bất kể bạn có muốn in nghiêng hay không. Nếu bạn muốn thay đổi kiểu dáng theo một cách khác, hãy sử dụng CSS : em { font-weight: bold; font-style: normal; }. Tất nhiên, bạn cũng có thể áp dụng một lớp cho <em>thẻ: nếu bạn quyết định bạn muốn một số cụm từ được nhấn mạnh nhất định hiển thị bằng màu đỏ, hãy cung cấp cho chúng một lớp và thêm nó vào CSS:

Fancy some <em class="special">shiny</em> text?

em { font-weight: bold; font-style: normal; }
em.special { color: red; }

Nếu bạn đang áp dụng chữ nghiêng vì một số lý do khác, hãy sử dụng phương pháp khác và cung cấp cho phần đó một lớp. Bằng cách đó, bạn có thể thay đổi kiểu dáng bất cứ khi nào bạn muốn mà không cần điều chỉnh HTML. Trong ví dụ của bạn, trên thực tế, các chú thích không nên được nhấn mạnh, chúng nên được nhấn mạnh, vì mục đích của chú thích là hiển thị thông tin không quan trọng nhưng thú vị hoặc hữu ích. Trong trường hợp này, tốt hơn hết là bạn nên áp dụng một lớp cho chú thích và làm cho nó trông giống như một lớp trong lớp trình bày Thay đổi CSS.


6
<i>đã không được phản đối
Quentin

@DavidDorward: chính xác, <i>chưa bị phản đối, nhưng thông số HTML4 cho biết "Mặc dù chúng không bị phản đối, nhưng việc sử dụng chúng không được khuyến khích trong các biểu định kiểu"
GrahamS

@Graham: kiểm tra thông số HTML5, <i>được sử dụng để thể hiện "một khoảng văn bản trong giọng nói hoặc tâm trạng thay thế".
DisgruntledGoat

@DisgruntledGoat: Tôi phải thừa nhận rằng tôi đã không theo dõi quá trình phát triển của thông số HTML5 quá chặt chẽ, nhưng bạn nói đúng là có vẻ như họ đã cố gắng trang bị thêm <i>một số ý nghĩa ngữ nghĩa. Cá nhân tôi nghĩ rằng họ đã giải quyết vấn đề này, nhưng họ vẫn nói rằng "các tác giả được khuyến khích xem xét liệu các yếu tố khác có thể được áp dụng nhiều hơn iyếu tố hay không, ví dụ như emyếu tố đánh dấu sự nhấn mạnh căng thẳng".
GrahamS

1
Lời xin lỗi dường như tôi đã bỏ lỡ phần đề cập đến HTML5. Đối với tôi, có vẻ như thông số kỹ thuật không rõ ràng khi nào nên sử dụng <i>và khi nào sử dụng <span class="semantic-meaning">, dường như chúng ám chỉ bạn nên sử dụng <i>cho một trường hợp cụ thể mà ngữ nghĩa được mong muốn hơn nữa, có vẻ như tôi vẫn đang thêm mã trình bày vào lớp ngữ nghĩa. Vì vậy, bạn đã đúng: nó không bị phản đối, nhưng dựa trên những gì tôi đã đọc, tôi cũng không thể thành thật giới thiệu nó.
Samir Talwar

-1

Sử dụng <em> nếu bạn cần một số từ / ký tự in nghiêng trong nội dung mà không có các kiểu khác. Nó cũng giúp làm cho nội dung ngữ nghĩa.

text-style phù hợp hơn cho nhiều phong cách và không có nhu cầu ngữ nghĩa.


-3

LÀM

  1. Cung cấp cho thuộc tính lớp một giá trị biểu thị bản chất của dữ liệu (nghĩa class="footnote"là tốt)

  2. Tạo một biểu định kiểu CSS cho trang

  3. Xác định kiểu CSS được gắn vào lớp mà bạn gán cho phần tử

    .footnote { font-style:italic; }

ĐỪNG

  1. Không sử dụng <i>hoặc <em>các yếu tố - chúng không được hỗ trợ và liên kết dữ liệu và bản trình bày quá gần.
  2. Đừng cung cấp cho lớp một giá trị biểu thị các quy tắc trình bày (nghĩa là không sử dụng class="italic").

1
Như được trích dẫn trong một câu trả lời khác, <i><em>là trong HTML5. Số 2 của bạn trong "Không" là chính xác, nhưng số 1 của bạn trong "Làm" bị xáo trộn - sẽ không tốt khi gắn nhãn "chú thích" cho cả lớp nếu các mục khác không được chú thích cũng sẽ được in nghiêng lớp, mặc dù có một lớp chỉ ra bản chất của dữ liệu là tốt. Tuy nhiên, một lớp và biểu định kiểu không phải lúc nào cũng cần thiết, đặc biệt là nếu chỉ một vài mục sẽ được in nghiêng.
vapcguy
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.