我应该使用哪个 HTML5 标签来标记作者姓名?

2023-07-31前端开发问题
38

本文介绍了我应该使用哪个 HTML5 标签来标记作者姓名?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

例如博客文章或文章.

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

author 标签并不存在……那么,作者常用的 HTML5 标签是什么?谢谢.

The author tag doesn't exist though... So what is the commonly used HTML5 tag for authors? Thanks.

(如果没有,不应该有一个吗?)

(If there isn't, shouldn't there be one?)

推荐答案

两者 rel="author"<address> 正是为此目的而设计的.两者都在 HTML5 中受支持.规范告诉我们 rel="author" 可用于 <link> <a><area> 元素.Google 还推荐 用法.结合使用 <address>rel="author" 似乎是最佳选择.HTML5 最适合包装 <article> <header> 中的标题和署名信息,如下所示:

Both rel="author" and <address> are designed for this exact purpose. Both are supported in HTML5. The spec tells us that rel="author" can be used on <link> <a>, and <area> elements. Google also recommends its usage. Combining use of <address> and rel="author" seems optimal. HTML5 best affords wrapping <article> headlines and bylines info in a <header> like so:

<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 属性表明这是发布日期.

    • The pubdate attribute indicates that that is the published date.

      title 属性是可选的天桥.

      署名信息也可以包装在 <footer>"><文章>

      The byline info can alternatively be wrapped in a <footer> within an <article>

      如果你想添加 hcard 微格式,我会这样做就像这样:

      If you want to add the hcard microformat, then I would do so like this:

      <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 标签来标记作者姓名?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

      The End

相关推荐

layui 实现实时刷新一个外部的div
主页面上显示了一个合计,在删除和增加的时候需要更改这个总套数的值: //html代码div class="layui-inline layui-show-xs-block" style="margin-left: 10px" id="sumDiv"spanSOP合计:/spanspan${totalNum}/spanspan套/span/div 于是在我们删除这个条数据后,...
2024-11-14 前端开发问题
156

layui要如何改变时间日历布局大小?
问题描述 我想改变layui时间日历布局大小,这个要怎么操作呢? 解决办法 可以用css样式对时间日历进行重新布局,具体代码如下: !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlelink rel="stylesheet" href="../../layui/css/layui.css" /style#test-...
2024-10-24 前端开发问题
271

jQuery怎么动态向页面添加代码?
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href...
2024-10-18 前端开发问题
125

“数组中的每个孩子都应该有一个唯一的 key prop"仅在第一次呈现页面时
quot;Each child in an array should have a unique key propquot; only on first time render of page(“数组中的每个孩子都应该有一个唯一的 key prop仅在第一次呈现页面时)...
2024-04-20 前端开发问题
5

如何制作 TextGeometry 多线?如何将它放在一个正方形内,以便它像 html 文本一样包裹在 div 内?
How do I make a TextGeometry multiline? How do I put it inside a square so it wraps like html text does inside a div?(如何制作 TextGeometry 多线?如何将它放在一个正方形内,以便它像 html 文本一样包裹在 div 内?) - IT屋-程序员软件开发技术分享社...
2024-04-20 前端开发问题
6

缩放背景图像以适合 ie8 窗口
Scale background image to fit ie8 window(缩放背景图像以适合 ie8 窗口)...
2024-04-19 前端开发问题
11