我应该使用哪个HTML5标记来标记作者的姓名?
例如博客文章或文章。
<article> <h1>header<h1> <time>09-02-2011</time> <author>John</author> My article.... </article>
author
标签不存在虽然…那么作者常用的HTML5标签是什么? 谢谢。
(如果没有,不应该有一个?)
HTML5有一个作者链接types :
<a href="http://johnsplace.com" rel="author">John</a>
这里的弱点是它需要在某种环节上,但是如果你有这个问题的话,那么这里有很多关于替代scheme的讨论 。 如果你没有链接,那么就使用class属性,就是这样的:
<span class="author">John</span>
rel="author"
和<address>
都是为了这个确切的目的而devise的。 两者都支持HTML5。 规范告诉我们可以在<link>
<a>
和<area>
元素上使用rel="author"
。 Google也build议 使用它。 结合使用<address>
和rel="author"
似乎是最佳的。 最好的HTML5提供了在<header>
包装<article>
标题和bylines信息,如下所示:
<article> <header> <h1 class="headline">Headline</h1> <div class="byline"> <address class="author">By <a rel="author" href="/author/john-doe">John Doe</a></address> on <time pubdate datetime="2011-08-28" title="August 28th, 2011">8/28/11</time> </div> </header> <div class="article-content"> ... </div> </article>
-
pubdate
属性表示这是发布的date。 -
title
属性是可选的天桥。 -
在线信息也可以用
<article>
中的<footer>
包装
如果你想添加hcard微格式 ,那么我会这样做:
<article> <header> <h1 class="headline">Headline</h1> <div class="byline vcard"> <address class="author">By <a rel="author" class="url fn n" href="/author/john-doe">John Doe</a></address> on <time pubdate datetime="2011-08-28" title="August 28th, 2011">on 8/28/11</time> </div> </header> <div class="article-content"> ... </div> </article>
根据HTML5规范,您可能需要address
。
地址元素表示其最近的文章或主体元素祖先的联系信息。
规范进一步参考了作者在这里的address
根据4.4.4
与文章元素(qv地址元素)关联的作者信息不适用于嵌套的文章元素。
根据4.4.9
作者或编辑部分的联系信息属于地址元素,可能本身在页脚内。
所有这些使得address
似乎是这个信息的最佳标签。
也就是说,你也可以给你的address
一个rel
或author
class
。
<address class="author">Jason Gennaro</address>
阅读更多: http : //dev.w3.org/html5/spec/sections.html#the-address-element
Google对rel =“author”的支持已被弃用 :
“网页search中不再支持作者标记。”
使用描述列表(HTML 4.01中的定义列表)元素。
从HTML5规范 :
dl元素表示由零个或多个名称 – 值组(描述列表)组成的关联列表。 名称 – 值组包含一个或多个名称(dt元素),后跟一个或多个值(dd元素),忽略除dt和dd元素以外的任何节点。 在单个dl元素中,每个名称不应该有多个dt元素。
名称 – 值组可以是术语和定义,元数据主题和值,问题和答案或任何其他名称 – 值数据组。
作者和其他文章元信息完全符合这个关键:价值对结构:
- 谁是作者
- 发表文章的date
- 网站结构下文章组织(类别/标签:string/数组)
- 等等
一个自以为是的例子:
<article> <header> <h1>Article Title</h1> <p class="subtitle">Subtitle</p> <dl class="dateline"> <dt>Author:</dt> <dd>Remy Schrader</dd> <dt>All posts by author:</dt> <dd><a href="http://www.blog.net/authors/remy-schrader/">Link</a></dd> <dt>Contact:</dt> <dd><a mailto="remy@blog.net"><img src="email-sprite.png"></a></dd> </dl> </header> <section class="content"> <!-- article content goes here --> </section> </article>
正如您在使用元素信息中的<dl>
元素时所看到的那样,我们可以根据<dt>
和/或<dd>
标签自由地包装<address>
, <a>
甚至<img>
标签内容和它的预期function 。
<dl>
, <dt>
和<dd>
标签可以自由地完成他们的工作 – 语义上 – 传达有关父<article>
信息; 同样地, <a>
, <img>
和<address>
也可以自由地完成他们的工作 – 语义上 – 分别传达关于在哪里可以find相关内容,非语言视觉呈现以及权威方的联系方式的信息。
微数据如何:
<article> <h1>header<h1> <time>09-02-2011</time> <div id="john" itemscope itemtype="http://microformats.org/profile/hcard"> <h2 itemprop="fn"> <span itemprop="n" itemscope> <span itemprop="given-name">John</span> </span> </h2> </div> My article.... </article>
如果您包括作者的详细联系信息,那么<address>
标记是适当的:
但是,如果仅仅是作者的名字,那就没有特定的标签。 HTML并不包含很多与人有关的内容。
您可以使用
<meta name="author" content="John Doe">
在标题中按照HTML5规范 。