前言
在学习HTML标签和css的时候,会经常碰到,容器标签,文本标签,块级标签,行内标签,行内块标签,文档标签,表格标签,表单标签等等。看到这样,让人眼花缭乱。
说明
目前我知道HTML标签会按照三种方式进行分类。
按照html本身特点
容器标签
容器级的标签可以简单的理解为能嵌套其它所有标签的标签。
常见容器级的标签: div h ul ol dl li dt dd …。
文本标签
文本级的标签对应容器级标签,只能嵌套文字/图片/超链接的标签。
常见文本级的标签:span p buis strong em ins del …。
按照css中的display属性
顶级元素
{ html, body, frameset } 包括html, body, frameset, 表现如Block-level element, 属于高级块级元素.
块级标签元素
css中的块级元素基本与html中的容器级标签对应,包括: p div h ul ol dl li dt dd …。
行内标签元素
行内元素也基本与文本标签对应:span buis strong em ins del。
按照标签本身的特点
文档标签
1 | <!DOCTYPE>: 定义文档类型. |
布局标签&语义化
1 | <div>:定义块级元素. |
表格标签
1 | <table>:定义表格. |
表单标签
1 | <form>:定义表单.(表单包含在form标签中) |
列表标签
1 | <ul>:定义无序列表. |
图像&链接标签
1 | <img>:定义图像.注意加上alt属性 |
音频/视频
1 | <audio>5:定义声音内容. |
框架标签
1 | <iframe>:内联框架. |
格式标签
文章标签
1 | <h1>-<h6>:定义 HTML 标题. |
短语元素标签
1 | <em>:定义强调文本. |
字体样式标签
1 | <i>:显示斜体文本效果. |
其它
1 | <canvas>5:定义图形容器,必须使用脚本来绘制图形。 |