使用正确的标记元素"纽约时报"在下面的文字中?
The new book from <i>New York Times</i> bestselling author J.K. Rowling
The new book from <em>New York Times</em> bestselling author J.K. Rowling
The new book from <b>New York Times</b> bestselling author J.K. Rowling
The new book from <strong>New York Times</strong> bestselling author J.K. Rowling
The new book from <cite>New York Times</cite> bestselling author J.K. Rowling
文本&#34;纽约时报&#34;应该是斜体。该文本由非技术用户通过WYSIWYG输入,因此类不是一个选项。但是当按下斜体WYSIWYG按钮时,我可以控制文本周围的元素。
答案 0 :(得分:3)
不同之处在于,当您使用屏幕阅读器阅读该页面时,如果您使用<i>
和/或<b>
它将无法识别它,并且无法提供所需的&#34;特殊含义& #34;到文本。这些标签仅用于视觉外观,因此不应使用。如果要更改文本的外观,请改用CSS。但是,如果您决定发送&#34;特殊含义效果&#34;对于使用屏幕阅读器的访问者,您最好使用<em>
和<strong>
。甚至标签&#39;非常名字告诉你它们的用途。 <em>
代表Emphasis
,而<strong>
表示此文字比页面上的其他文字更重要。 <i>
代表Italic
,<b>
代表Bold
。这些在HTML 4.01时代很受欢迎,现在当HTML5用完时,我们应该使用<em>
和<strong>
,甚至W3C也这样说。而且,由于浏览器以与<em>
和<strong>
相同的方式呈现它们。我建议你这样做。如果浏览器停止渲染这些元素呢?很简单,您注意到差异并使用CSS代替<i>
和/或<b>
。
无论如何,我认为这是一个基于意见的问题。
编辑:
所以<em>
和<strong>
<i>
和<b>
的{{1}}优势列表(我不认为你会这样做)但是,找到任何不利因素:
OP说它是关于报纸的标题,不是吗?因此,您需要为其添加情感。而且来了
。它们呈现为<i>
和<b>
,但有一个加号:屏幕阅读器。您的网站可能会被此类设备读取
他们可以给人一种情感的感觉&#34;并实际上给你的标题语义。这样你不仅会支持你
普通的浏览器,但屏幕阅读器也。那么为什么满足于少?我还建议您查看W3C语义数据提取器(http://www.w3.org/2003/12/semantic-extractor.html)。
编辑2:
所以现在关于,和过的讨论让我们来看看标签。正如W3C所说,它应该用于作品的标题,报纸文章是由人类写的,因此它们是某人的作品,应该被使用。无论如何,如果你想保持屏幕阅读器(盲人)的情感效果,你可以做这样的事情:
<!-- ...Other content... --->
<strong><em><cite>Your Article's Title</cite></em></strong>
<!-- ...More content... --->
来源:我。
答案 1 :(得分:0)
我认为这个问题的答案因用户而异,但我总是使用<em>
来表示斜体文字。
答案 2 :(得分:0)
如果文字应以斜体显示,则您的选项是 i 和 em 元素。
em 元素不是通用的&#34;斜体&#34;元件。有时,文本旨在从段落的其余部分中脱颖而出,就好像它的情绪或声音不同。为此, i 元素更合适。
em元素也不是为了传达重要性;为此,强元素更合适。
http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-em-element