当前位置： 移动技术网 > IT编程>网页制作>CSS > H5标签

H5标签

2019年09月17日  | 移动技术网IT编程  | 我要评论

赫斯提亚,刘梦君,两城一家业务

定义
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（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>

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网