H5标签

定义
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改
为什么要有语义化标签
方便开发者阅读，写出更优雅的代码，让浏览器很好的解析，从而更好的解析网页内容，更好的搜索引擎优化
H5 新增标签

1. 定义文档头部区域，一般用在板块头部<header></header>
2. 定义文档中的一块区域,替代div布局<section></ section >
3. 定义导航栏<nav></nav>
4. 标签定义外部的内容。外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者是来自论坛的文本。<article></article>
5. 定义一块独立的内容（图像，图标，代码等等）通常用来展示图片及其描述<figure></figure>

<figure>
    <figcaption></figcaption>
    <!--用来定义figure的标题,放在figure的子元素第一个或者最后一个-->
    <img src=””/>
</figure>

 

6.定义侧边栏、广告、nav元素组，以及其他类似的内容部分.aside 的内容应该与 article 的内容相关.一般与正文无关的。<aside></aside>
7.定义文档底部区域内容，一般以footer结尾<footer></footer>
8.定义注释<ruby></ruby>

例:`<ruby>一<rt>yi</rt></ruby>`

 

9.定义带有记号的文本，用于凸显<mark></mark>
10.定义已知范围或分数值内的标量测量<meter></meter>

<meter min=”0” max=”10” value=”3” low=”5” optimum=”9”  high=”9” ></meter>

11.标签显示任务的进度或者进程一般结合js使用当不给定值时为一种加载的状态，在谷歌里面是一直滚动的状态，火狐里面是一种闪光的状态。支持宽高设置，但背景颜色需要结合js<progress></progress>
12.用于描述文档细节部分，类似于定义列表<details></ details >

<details>
    <summary>标题</summary>
    <p>对标题的描述</p>
</details>

 

原文链接:https://www.cnblogs.com/malanjun/p/11532943.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有