例如博客文章或文章。
<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>
该author
标签虽然不存在...但是作者常用的HTML5标签是什么?谢谢。
(如果没有,应该不应该有一个?)
例如博客文章或文章。
<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>
该author
标签虽然不存在...但是作者常用的HTML5标签是什么?谢谢。
(如果没有,应该不应该有一个?)
time
类似的元素。由于dd-mm-yyy
不是公认的格式之一,因此您必须datetime
在time
元素的属性中提供机器可读的版本(以公认的格式之一)。见w3.org/TR/2014/REC-html5-20141028/...
Answers:
两者rel="author"
和<address>
都是为此目的而设计的。两者都在HTML5中受支持。规范告诉我们rel="author"
可以在和元素上使用。Google还建议使用它。结合使用和似乎是最佳的。HTML5最能像这样包装标题和副标题信息:<link>
<a>
<area>
<address>
rel="author"
<article>
<header>
<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>
如果您想添加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>
.byline address { display:inline; font-style:inherit }
覆盖block
在浏览器中的默认。
pubdate
正如布鲁斯·劳森(Bruce Lawson)在这里写的那样,由于该属性来自WHATWG和W3C规范,因此建议您将其从答案中删除。
rel
属性用于描述链接的目的地。如果链接没有目的地,rel
则毫无意义。
根据HTML5规范,您可能需要address
。
地址元素代表其最近的物品或身体元素祖先的联系信息。
该规范address
在此处进一步针对作者
低于4.4.4
与文章元素(qv地址元素)关联的作者信息不适用于嵌套的文章元素。
低于4.4.9
部分作者或编辑者的联系信息属于地址元素,可能本身也位于页脚中。
所有这些使得这似乎address
是此信息的最佳标签。
这就是说,你也可以给你的address
一个rel
或class
的author
。
<address class="author">Jason Gennaro</address>
了解更多:http : //dev.w3.org/html5/spec/sections.html#the-address-element
在HTML5中,我们可以使用一些语义标签来帮助组织有关您的内容类型的信息,但可以与您查看schema.org的主题相关并与之相关。这是Google,Bing和Yahoo的一项举措,旨在帮助搜索引擎通过微数据属性更好地理解网站。您可以在地图上看到以下内容:
<article itemscope itemtype="http://schema.org/Article">
<header>
<h1 itemprop="headline">header</h1>
<time itemprop="dateCreated datePublished">09-02-2011</time>
<div itemprop="author publisher" itemscope itemtype="http://schema.org/Organization">
<p>
<img itemprop="image logo" src="..."/>
<span itemprop="name">John</span>
</p>
</div>
</header>
<section itemprop="articleBody" >
My article....
<img itemprop="image" src="..."/>
</section>
</article>
Google对rel =“ author”的支持已弃用:
“ Web搜索不再支持作者标记。”
使用描述列表(HTML 4.01中的定义列表)元素。
根据HTML5规范:
dl元素表示由零个或多个名称-值组组成的关联列表(描述列表)。名称-值组由一个或多个名称(dt元素)后跟一个或多个值(dd元素)组成,忽略除dt和dd元素以外的任何节点。在单个dl元素内,每个名称最多只能有一个dt元素。
名称值组可以是术语和定义,元数据主题和值,问题和答案,或者任何其他名称值数据组。
作者和其他文章的元信息完全适合以下key:value对结构:
一个有思想的例子:
<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>
元素用于文章元信息时,我们可以自由包装<address>
,<a>
甚至可以根据内容的性质及其预期功能包装<img>
标签<dt>
和/或<dd>
标签。
的,并且标签可以自由地做他们的工作-语义-输送更多地了解家长的信息; ,并且同样可以自由地工作-再次从语义上讲-传达有关在哪里可以找到相关内容的信息,非语言视觉呈现以及权威人士的联系方式。 <dl>
<dt>
<dd>
<article>
<a>
<img>
<address>
如果您包括作者的详细联系信息,则该<address>
标签合适:
但是,如果从字面上看只是作者的名字,则没有特定的标签。HTML没有包含很多与人相关的内容。
<cite>
也许?我不知道大声笑。:P虽然在风格上并没有太大的区别。