美文网首页
2. HTML5 语义化标签

2. HTML5 语义化标签

作者: 晨曦Bai | 来源:发表于2020-05-29 16:35 被阅读0次

Date: 5.8 ~ 5.9

学习语义化标签就是学习标签的用途和默认形式

  • <p>段落</p> 段落标签

  • <span>文本</span> 没有语义,作用是为了设置单独的样式

  • <h1>标题</h1> 用于文章的标题, 网页上各个栏目的标题
    标题标签一共有6个, h1, h2, h3, h4, h5,h6
    h1 标签在网页中比较重要,一般用作网站名称。如下图的腾讯网

    image.png
    image.png
  • <header></header> 文章或者页面的头部

  • <nav></nav> 定义导航链接

  • <main></main> 规定文档的主要内容

  • <aside></aside> 侧边栏

  • <article></article> 定义文章

  • <section></section> 定义文档中的节

  • <figure></figure>规定包含内容,如图示,图表,照片,代码清单等

  • <figcaption></figcaption> figure 内容的标题

  • <time></time> 定义日期

  • <footer></footer> 文章或者页面的底部

相关文章

  • HTML5标签语义化

    理解HTML5语义化:HTML5的语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,...

  • H5新增语义化标签

    HTML5 新增标签 什么是语义化 新增了那些语义化标签header --- 头部标签nav ...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • HTML5十大新特性

    1.语义化标签 对比之前HTML没有体现结构语义化的标签,如: //表头的声明 HTML5提供语义化标签,如: 等...

  • web前端网站收藏

    更新于 2016-09-02 API 速查 HTML5标签 HTML5 标签的语义,帮助我们写出语义化的HTML ...

  • HTML的语义化

    深入理解HTML5标签如何写出高效率的HTMLHTML 5的革新——语义化标签怎样理解HTML5和CSS3的语义化...

  • template标签

    参考文章:HTML5