H5标签

2019-09-17 10:01:29来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:css — 定位、背景图、水平垂直居中

下一篇:首页下雪效果