我应该使用哪个HTML5标签来标记作者;她叫什么名字?

我应该使用哪个HTML5标签来标记作者;她叫什么名字?,html,tags,blogs,semantic-markup,Html,Tags,Blogs,Semantic Markup,例如博客文章或文章 <article> <h1>header<h1> <time>09-02-2011</time> <author>John</author> My article.... </article> 标题 09-02-2011 约翰 我的文章。。。。 但是,author标记不存在。。。那么,作者常用的HTML5标签是什么? 谢谢 (如果没有,不是应该有吗?HTML5有一个: 这

例如博客文章或文章

<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>

标题
09-02-2011
约翰
我的文章。。。。
但是,
author
标记不存在。。。那么,作者常用的HTML5标签是什么? 谢谢

(如果没有,不是应该有吗?

HTML5有一个:


这里的缺点是它需要在某种链接上,但是如果你有这样的链接,就有一个链接。如果没有链接,则只需使用class属性,这就是它的用途:

<span class="author">John</span>
约翰
如果您包含作者的联系方式,则


但如果只是作者的名字,就没有具体的标签。HTML没有太多与人相关的内容。

如何:


标题
09-02-2011
约翰
我的文章。。。。

根据HTML5规范,您可能需要
地址

address元素表示其联系人的联系信息 最近的项目或主体元素祖先

本规范进一步引用了有关作者的
地址

在4.4.4下

与文章元素关联的作者信息(q.v 地址元素)不适用于嵌套的项目元素

在4.4.9下

章节作者或编辑的联系信息属于 地址元素,可能位于页脚内

所有这些都使得
address
似乎是该信息的最佳标签

也就是说,你也可以给你的
地址
一个
rel
作者

<address class="author">Jason Gennaro</address>

两者都是为此而设计的。HTML5支持这两者。规范告诉我们可以在
its上使用。在
中结合使用
标题和署名信息,如下所示:

<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>
谷歌对rel=“author”的支持:

“web搜索中不再支持作者身份标记。”

使用描述列表(HTML 4.01中的定义列表)元素。

从:

dl元素表示由零个或多个名称值组(描述列表)组成的关联列表。名称值组由一个或多个名称(dt元素)后跟一个或多个值(dd元素)组成,忽略dt和dd元素以外的任何节点。在单个dl元素中,每个名称不应有多个dt元素

名称值组可以是术语和定义、元数据主题和值、问题和答案或任何其他名称值数据组

作者身份和其他文章元信息完全符合此键:值对结构:

  • 作者是谁
  • 文章发表日期
  • 文章组织所依据的网站结构(类别/标签:字符串/数组)
  • 等等
一个固执己见的例子:

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

联系人:
正如您在使用
元素获取文章元信息时所看到的,我们可以根据内容的性质及其预期功能,在
和/或
标记中自由地包装
,甚至
标记
标记可以自由地完成它们的工作——语义上——传递有关父级的信息
同样可以自由地完成他们的工作——同样,在语义上——分别传达有关在何处查找相关内容、非语言视觉演示和权威方联系方式的信息

您可以使用

<meta name="author" content="John Doe">


在HTML5中的标题中,我们可以使用一些语义标签来帮助组织有关您的内容类型的信息,但是与您可以检查的主题相关的附加信息。这是谷歌、必应和雅虎的一项倡议,旨在通过微数据属性帮助搜索引擎更好地理解网站。您的帖子可能如下所示:


标题
09-02-2011

约翰

我的文章。。。。
为此,您可以使用元标记,如下所示:



也许吧?我不知道lol:P在风格上并没有太大的区别。这与风格无关。从技术上讲,只需增加字体大小,就可以使用创建标题。但是搜索引擎不会那样理解它。你不能像那样使用
time
元素。由于
dd-mm-yyy
不是公认的格式之一,因此必须在
time
元素的
datetime
属性中提供机器可读版本(采用公认的格式之一)。请看,除了已接受的(robertc的)链接外,还有一个“现在”链接。@Quang是的,我认为没有实际链接的链接类型将无法从语义上对其进行标记。@Quang:rel
属性用于描述链接的目的地。如果链接没有目的地,
rel
是没有意义的。您可能还想寻找表达此类信息的方法。@jdh8因为John不是,这个答案不再是最好的了,正如Jason和Jason提到的,
address
标签也是为了表达作者身份而设计的。谢谢Jason,你知道“q.v.”是什么意思吗?在>4.4.4>下,与article元素(q.v.address元素)关联的作者信息不适用于嵌套的article元素。@QuangVan-(等等,你的首字母缩写是…q.v.hmm)-q.v.表示“qood vide”或“关于这个(事情)去看”-关于“q.v.”去看(q.v.)haha@JasonGennaro哈哈,奈米巨肱骨!哈哈,我花了一段时间才弄明白这些评论指的是什么。。。谢谢你的拉丁乐章:)寿
<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>
<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>
<meta name="author" content="John Doe">