HTML元素分类

Posted 2022-08-12 youknowul

html元素

HTML元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

例如：<p>This is a paragragh</p>

注释：开始标签常被称为开放标签（opening tag），结束标签常被称为闭合标签（closing tag）。

• HTML元素以开始标签起始
• HEML元素以结束标签终止
• 元素的内容时开始标签与结束标签之间的内容
• 某些HTML元素（空标签）具有空内容（empty content）
• 空元素在开始标签中进行关闭（以开始标签的结束而结束）
• 大多数HTML元素可拥有标签属性

元素的分类

1. 块级元素 table dl dt dd figure figcaption div h1-h6 hr ul ol li nav p html head body form menu

• 独占一行
• 排列方式：从上往下依次排列
• 可以设置宽高以及盒子模型的其他属性
• 不设置宽高的情况下，它的宽度时父元素的宽度，它的高度是本身内容的高度
• 自带属性display:block
• 块级元素可以嵌套行内元素
• ul/ol下面只能是li，dl下面只能是dt/dd
• p里不能嵌套任何的块级元素，包括p本身，可以嵌套行内元素

2. 行内元素 a button big datalist em i input mark span select option s strong b small sup sub textarea u

• 不独占一行
• 排列方式：从左往右依次排列
• 设置宽高不起作用，如要起作用需要转换为块/行内块元素 display:block;display:inline-block;
• 不设置宽高是它本身内容的宽高
• 自带属性display:inline;
• 行内元素里不能嵌套块级元素（特殊a）
• a标签不能嵌套a标签，即使我们嵌套了，最后浏览器也会解析为并列关系