详细了解HTML标签内容模型_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了详细了解HTML标签内容模型_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3921字,纯文字阅读大概需要6分钟。
内容图文
![详细了解HTML标签内容模型_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/404/a5795c4441aa486f99c8d6df3470c985.jpg)
前面的话
HTML核心的部分莫过于标签(tag)了。标签是用来描述文档中的各自内容基本单元,不同标签表示着不同的含义,标签之间的嵌套表示了内容之间的结构。
HTML标签在HTML5中内容模型拓展到了7类,包括元数据型、区块型、标题型、文档流型、语句型、内嵌型、交互型。但即使是这7个类别也没有完全覆盖所有元素的所有情况,元素可以不属于任何一个类别,被称为穿透的;很多元素可能属于不止一个类别,称为混合的。
HTML标签详细信息见此w3c链接
分类
【1】元数据型(metadata)
设置展示、行为、关联文档或其他内容的元数据的元素
元素包含文档的元素数据,包括
[注意]一个区块中,
只能出现一个
:标题组,用于组合标题,只在区块需要有多个级别的标题时使用
水果
苹果
【4】文档流型(flow)
大部分文档
内的元素,只有部分元数据式元素不属于流式,它们是
:表示主题相近的若干句子组成的文本块(
-> paragraph)
【默认样式】
margin: 16px 0;
:定义为不同主题内容间的分隔符
【默认样式】
margin: 8px 0;border-style: inset;border-width: 1px;
[注意]区块之间不需要使用
进行分割
:预格式化的文本,通常表示已排版的内容,如代码块和字符画等【默认样式】
margin: 1em 0;white-space: pre;
:表示引用来自其他来源的内容,cite属性表示来源url【默认样式】
margin: 1em 40px;[注意]引用的署名必须在引用外部定义
横眉冷对千夫指,俯首甘为孺子牛
鲁迅
关于列表类元素的详细信息移步到此
适合于数据表展现的数据,需要用表格来标记。关于表格类元素的详细信息移步到此