下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:H5标签

作者:天使侠     来源: https://www.cnblogs.com/malanjun/p/11532943.html点击数:1582发布时间: 2020-03-04 19:45:10

标签: 网页webH5

Web开发

  HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动web标准化运动的发展,一些公司联合起来,成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup(Web超文本应用技术工作组-WHATWG)的组织。

  定义

  万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改

  为什么要有语义化标签

  方便开发者阅读,写出更优雅的代码,让浏览器很好的解析,从而更好的解析网页内容,更好的搜索引擎优化

  H5新增标签

  1.定义文档头部区域,一般用在板块头部<header></header>

  2.定义文档中的一块区域,替代div布局<section></section>

  3.定义导航栏<nav></nav>

  4.标签定义外部的内容。外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者是来自论坛的文本。<article></article>

  5.定义一块独立的内容(图像,图标,代码等等)通常用来展示图片及其描述<figure></figure>

  <figure>

  <figcaption></figcaption>

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

  <imgsrc=””/>

  </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>

  <metermin=”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>

  HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

赞(9)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程