详细了解HTML标签内容模型
来源:互联网 发布:php是最好的编程语言 编辑:程序博客网 时间:2024/06/15 07:02
HTML核心的部分莫过于标签(tag)了。标签是用来描述文档中的各自内容基本单元,不同标签表示着不同的含义,标签之间的嵌套表示了内容之间的结构。
HTML标签在HTML5中内容模型拓展到了7类,包括元数据型、区块型、标题型、文档流型、语句型、内嵌型、交互型。但即使是这7个类别也没有完全覆盖所有元素的所有情况,元素可以不属于任何一个类别,被称为穿透的;很多元素可能属于不止一个类别,称为混合的
HTML标签详细信息见此w3c链接
分类
元数据型(metadata)
设置展示、行为、关联文档或其他内容的元数据的元素
<head>元素包含文档的元素数据,包括<base>、<command>、<link>、<meta>、<noscript>、<script>、<style>和<title>共8个
详细信息移步到此
区块型(sectioning)
定义区块内容范围的元素,包括<article>、<aside>、<nav>、<section>四个元素
详细信息移步到此
标题型(heading)
定义区块内容标题的元素,包括<h1>到<h6>以及<hgroup>
详细信息移步到此
文档流型(flow)
大部分文档<body>内的元素,只有部分元数据式元素不属于流式,它们是<base>和<title>
详细信息移步至此
语句型(phrasing)
文档里的文字、在段落中标记文字的元素等
详细信息移步至此
内嵌型(embedded)
由于HTML本身提供的元素的表达能力有限,允许嵌入内容成为浏览器开发者不得不做的事情,在文档引入另一个资源的元素或者插入文档的另一种语言。嵌入式内容包括<audio>、<canvas>、<embed>、<iframe>、<img>、<math>、<object>、<svg>和<video>九类
[注意]该类元素中,<embed>、<iframe>、<object>这三个元素不设置宽高时,默认宽高为300px*150px
<img> (<img> -> image 图像)
关于图像标签的详细信息移步至此
<iframe>
关于框架标签的详细信息移步至此
<canvas>
关于<canvas>的详细信息移步至此
音频和视频
关于音频和视频类标签的详细信息移步至此
交互型(interactive)
专门用于用户交互的元素,包括<a>、<audio>、<button>、<details>、<embed>、<iframe>、<img>、<input>、<keygen>、<label>、<menu>、<object>、<select>、<textarea>、<video>
其中,<details>、<summary>、<command>、<menu>这四个交互元素浏览器的支持性还不太好
- 详细了解HTML标签内容模型
- 详细了解HTML标签内容模型
- 详细了解HTML标签内容模型
- html基础研究(六)-通过标签子标签开与关、属性、内容以及嵌套来了解段落元素
- 内容使用html标签显示
- Jsoup解析HTML 标签内容
- TextView设置html标签内容
- html去掉标签 提取内容
- Html Mailto标签详细使用方法
- 常用HTML标签详细介绍
- html标签详细讲解表
- html<meta>标签详细分析
- Html Mailto标签详细使用方法
- HTML标签详细讲解说明[HTML语法]
- 了解html base标签的作用
- 标签内容的详细展示与收起
- 织梦dedecms|下载模型内容页标签
- 织梦dedecms|图片模型内容页标签
- hive on spark安装---安装系列七
- java中讲讲StringReader的用法,举例?
- 浏览器的重绘、回流及网页优化
- 公钥和私钥的区别
- C语言编程练习5——编写函数void change(char *a,char *b,char*c)。 函数功能是首先把b指向的字符串逆向存放
- 详细了解HTML标签内容模型
- 项目管理基础知识·四
- C/C++——朴素的模式匹配算法和KMP模式匹配算法
- tomcat虚拟目录配置
- sublime简要笔记
- strust 奇怪报错
- pwnable.kr 之asm
- 前沿预测:21世纪会产生的八大未来技术系列一
- java中讲讲PrintWriter的用法,举例?