HTML5 标签归纳

结构元素

定义:表示页面中一个内容区块或整个页面的标题。 实例![
实例及图片](https://img-blog.csdnimg.cn/20200304182348134.png)
定义:表示整个页面或页面中一个内容区块的脚注。

分组元素

定义:表示一段独立的流内容,一般表示文档主题流内容相关的辅助信息。 实例 ![用作文档中插图的图像](https://img-blog.csdnimg.cn/20200304205712127.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQzOTQ5MA==,size_16,color_FFFFFF,t_70)
定义:定义
标签的标题。 实例 ![插入图像,带有一个标题](https://img-blog.csdnimg.cn/2020030420595933.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQzOTQ5MA==,size_16,color_FFFFFF,t_70)
定义:表示对整个页面或页面中的一个内容区块的标题进行组合。

页面交互元素

定义:用于描述文档或文档某个部分的细节,可与配合使用。

定义:包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。 实例 ![关于文档的细节](https://img-blog.csdnimg.cn/20200304210911165.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQzOTQ5MA==,size_16,color_FFFFFF,t_70) 定义:标示任务的进度(进程)。 实例 ![正在进行的下载](https://img-blog.csdnimg.cn/20200304211321891.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQzOTQ5MA==,size_16,color_FFFFFF,t_70) **定义**:定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。 **注**: 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 标签 实例 ![使用 meter 元素来度量给定范围(gauge)内的数据](https://img-blog.csdnimg.cn/2020030421184968.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQzOTQ5MA==,size_16,color_FFFFFF,t_70)

文本层次语义元素

全局属性

定义:规定元素是否可拖动。

定义:规定对元素进行隐藏。 注:hidden为隐藏 实例 ![隐藏与显示的段落](https://img-blog.csdnimg.cn/20200304214953670.png) 定义:规定是否对元素内容进行拼写检查。 实例 ![带有编写检查的可编辑段落](https://img-blog.csdnimg.cn/20200304215129805.png) 定义:规定是否可编辑元素的内容。 实例 ![一段可编辑的段落](https://img-blog.csdnimg.cn/20200304215242888.png)
发布了15 篇原创文章 · 获赞 0 · 访问量 293

猜你喜欢

转载自blog.csdn.net/weixin_46439490/article/details/104659372