文本中标题的哪个标记元素?

时间:2014-08-01 18:25:07

标签: html html5 semantic-markup

使用正确的标记元素"纽约时报"在下面的文字中?

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按钮时,我可以控制文本周围的元素。

3 个答案:

答案 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