HTML5中常见的新语义化标签

header：头部（页面中只能出现一次）
main ：主体（页面中只能出现一次）
footer：尾部（页面中只能出现一次）

hgroup：标题组合（主标题+副标题）

<hgroup><h1>主标题</h1><h2>副标题</h2>
</hgroup>

nav：导航
article：独立的区域
section：划分区域
article与section的区别：一般先用article划分出整体区域，再用section将整体区域细分。
aside：侧边栏
figure和figcaption
①figure：描述图片或视频
②figcaption：描述图片或视频的标题部分
```
<figure><img src='./img/img1.jpg'/><figcaption>图片标题</figcaption>
</figure>
```

datalist：输入框的自动提示

<input type='text' list='tips'>
<datalist id='tips'><option value='a'></option><option value='ab'></option><option value='abc'></option>
</datalist>

details和summary：折叠面板

<details><summary>HTML</summary><p>超文本标记语言</p>
</details>

progress：进度条

<progress min='0' max='10' value='6'></progress>

meter：度量范围
value在low和high之间时，进度条颜色是绿色，其他情况均为黄色。
```
<meter min='0' max='10' value='6' low='3' high='5'>
```
time：定义时间和日期
```
今天是<time title='1-1'>元旦</time>。
```
效果：鼠标移入“元旦”二字上时，会有提示信息。
mark：带有记号的文本
```
今天是元旦。
```

HTML5中常见的新语义化标签相关推荐

h5新语义化标签(重要)
1.HTML5新语义化标签 html4.01:div span h1 img- css2.1:width height background- css3:transform border-radius ...
html5新语义化标签
HTML5的浏览器兼容支持Html5的浏览器包括Firefox (火狐浏览器) , IE9及其更高版本,Chrome (谷歌浏览器),Safari, Opera等; 国内的遨游浏览器(Maxthon ...
h5的语义化部分_H5 部分新语义化标签
1.header 页眉 2.footer 页脚 3.main 主体 4.hgroup 标题组合 5.nav 导航注:以上标签结构中只能出现一次 6.article 独立的内容 7.aside ...
HTML-CSS（三十四）HTML5新语义化标签
header:页眉 footer:页脚 main:主体 hgroup:标题组合(如果出现两标题相邻,则可以使用这个) nav:导航 artical :独立的内容 section:区域与div作用差不 ...
HTML5语义化标签
1.HTML5简化的标签 (1)DOCTYPE文档声明 <!DOCTYPE html> 相较于之前的版本,HTML5没有指定具体版本,这就表示了最新的HTML版本. (2)<meta ...
好程序员web前端分享常见html5语义化标签
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享常见html5语义化标签,我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总 ...
html标签语义化的好处,(2019)[前端]面试题[9]：HTML5语义化标签和新特性
问题知道语义化吗?说说你理解的语义化,如果是你,平时会怎么做来保证语义化? 说说你了解的HTML5语义化标签,HTML5新增了那些新特性? Hello,欢迎来到我的博客,每天一道面试题,我们共同进步 ...
Html5 什么是语义化标签？常见的语义化标签有哪些？
h5 语义化标签的推出很好的解决了满屏的 div 布局,语义化顾名思义就是能让人一眼就看出来每一个标签的作用和含义,使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让和搜索引擎都容易理解. ...
前端开发 html第二课自结束标签注释标签中的属性文档声明进制字符编码文档使用 VScode 实体 meta标签语义化标签块元素和行内元素布局标签
1 自结束标签标签一般成对出现,但是也存在一些自结束标签如: 多"/"和没有"/"区别不大 2 注释注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...

HTML5中常见的新语义化标签

HTML5中常见的新语义化标签相关推荐

最新文章

热门文章