设为首页 加入收藏

TOP

H5标签
2019-09-17 14:52:01 】 浏览:11
Tags:标签

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

 

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇vue中使用scss 下一篇js — 基础知识

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目