html语义标签的一些用法

作者 Lei Zhang 日期 2019-03-25
html语义标签的一些用法
  1. hr标签表示故事走向的转变或者话题的转变

  2. 有关引述的标签:

    • blockquote: 表示成段的引用
    • q: 表示行内引用
    • cite: 作品名称的引用
  3. 出现日期时,可用time标签包裹,如:<time datetime="2015-07-16">16 July 2015</time>以方便机器阅读

  4. 与主文章相关的图片、代码、表格等,只要具有一定的自包含性(类似独立句子)的内容,都可以用figure,其中可用figurecaption表示标题

    <figure>
    <img src="https://.....440px-NeXTcube_first_webserver.JPG"/>
    <figcaption>The NeXT Computer used by Tim Berners-Lee at CERN.</figcaption>
    </figure>
  5. dfn用来包裹被定义的名词

  6. olul的区分是内容是否有顺序关系,和前面是数字还是点没有关系,不影响语义的判断

  7. pre表明不需要浏览器帮忙换行;samp是计算机程序的示例输出code包裹代码

语义标签补充

补充语义标签


尽量只引用自己熟悉的标签,避免语义滥用