Html5中的常用文本定义标签（二）

最新推荐文章于 2022-08-16 13:02:49 发布

南京闫伟亮的野爹

最新推荐文章于 2022-08-16 13:02:49 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： Html5

原文链接：https://www.mk2048.com/blog/blog.php?id=jhc0h2k1j&title=Html5%E4%B8%AD%E7%9A%84%E5%B8%B8%E7%94%A8%E6%96%87%E6%9C%AC%E5%AE%9A%E4%B9%89%E6%A0%87%E7%AD%BE%EF%BC%88%E4%BA%8C%EF%BC%89

版权

前端专栏收录该内容

368 篇文章 3 订阅

订阅专栏

1、cite - 用于定义引用内容（书籍或杂志等）的标题
element/text/cite.html

<!doctype html>
<html>
<head>
    <title>cite</title>
</head>
<body>
    <p>
        <!--
            cite - 用于定义引用内容（书籍或杂志等）的标题
        -->
        我最喜欢看高尔基的<cite>海燕</cite>，不过忘了讲的是什么了
    </p>

    <!--
        区别：
        cite 标签用于定义引用内容的标题；blockquote 标签用来定义较长的引用；q 标签用来定义较短的内容
    -->
</body>
</html>

2、q - 用于定义一段引用的内容（短内容）（q 是 quote 的缩写）
element/text/q.html

<!doctype html>
<html>
<head>
    <title>q</title>
</head>
<body>
    <!--
        q - 用于定义一段引用的内容（短内容）（q 是 quote 的缩写）
          cite - 引用的内容的来源 url
    -->
    <q cite="http://webabcd.cnblogs.com/">从 http://webabcd.cnblogs.com 里引用的一段短内容</q>

    <!--
        区别：
        cite 标签用于定义引用内容的标题；blockquote 标签用来定义较长的引用；q 标签用来定义较短的内容
    -->
</body>
</html>

3、abbr - 定义一个缩写文本，建议在 abbr 的 title 属性中描述缩写的全称（abbr 是 abbreviation 的缩写）
element/text/abbr.html

<!doctype html>
<html>
<head>
    <title>abbr</title>
</head>
<body>
    <!--
        abbr - 定义一个缩写文本，建议在 abbr 的 title 属性中描述缩写的全称（abbr 是 abbreviation 的缩写）
    -->
    <abbr title="World Trade Organization">WTO</abbr>
</body>
</html>

4、dfn - 用于定义一个术语（dfn 是 defining instance 的缩写）
element/text/dfn.html

<!doctype html>
<html>
<head>
    <title>dfn</title>
</head>
<body>
    <!--
        dfn - 用于定义一个术语（dfn 是 defining instance 的缩写）
    -->
    <dfn>
        <abbr title="World Trade Organization">WTO</abbr>
    </dfn>
</body>
</html>

5、time - 定义日期、时间文本
element/text/time.html

<!doctype html>
<html>
<head>
    <title>time</title>
</head>
<body>
    
    <!--
        time - 定义日期、时间文本
          datetime - 定义元素的日期时间，如果不设置此属性则必须在 time 元素的内容中设置日期时间
          pubdate - bool 类型，标识 time 是否是发布日期。在 article 中则代表当前 article 的发布日期，否则代表整个 html 的发布日期
          valueAsDate - 只读属性，将 time 中的日期时间转换为 Date 对象，目前无浏览器支持
    -->

    <!--
        datetime 格式：YYYY-MM-DDThh:mm:ssTZD，示例：2008-02-16T13:50Z, 2008-02-16T13:50 08:00
          T - 代表时间，其前半部分为日期，后半部分为时间
          TZD - Z 或  hh:mm 或 -hh:mm 用于标识时区，其中 Z 代表 0 时区
    -->

    <p>
        我的生日和 <time datetime="1980-02-14">情人节</time> 是同一天
    </p>
    <p>
        我每天 <time>9:00</time> 上班
    </p>
    
    <article>
        <p>我是 article 的内容</p>
        <footer>
            本 article 的发布日期是 <time datetime="2011-09-14" pubdate>昨天</time>
         </footer>
    </article>

    <p>
        <!--datetime 值中的“T”代表时间（“T”前面是日期，后面是时间）-->
        本 html 的发布日期是 <time datetime="2011-09-15T12:46:46" pubdate>今天</time>
    </p>

    <script type="text/javascript">
        // 目前无浏览器支持 valueAsDate
        alert(document.getElementsByTagName("time")[0].valueAsDate);
    </script>
</body>
</html>

南京闫伟亮的野爹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html5中的常用文本定义标签（二）

1、cite - 用于定义引用内容（书籍或杂志等）的标题 element/text/cite.html <!doctype html> <html> <head> <title>cite</t...
复制链接

扫一扫