HTML元素
HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
例如:<p>This is a paragragh</p>
注释:开始标签常被称为开放标签(opening tag),结束标签常被称为闭合标签(closing tag)。
HTML元素语法
- HTML元素以开始标签起始
- HEML元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些HTML元素(空标签)具有空内容(empty content)
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)
- 大多数HTML元素可拥有标签属性
不要忘记结束标签
即使您忘记了使用结束标签,大多数浏览器也会正确地显示HTML:
<p>这是一个段落
<p>这是一个段落
以上实例在浏览器中也能正常显示,因为关闭标签是可选的。
但不要依赖这种做法,忘记使用结束标签会产生不可预料的结果或错误。
HTML空元素
- 没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
- <br>就是没有关闭标签的空元素(<br>标签定义换行)
- 在XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭。
- 在开始标签中添加斜杠,比如<br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
- 即使 <br> 在所有浏览器中都是有效的,但使用<br /> 其实是更长远的保障。
HTML标签书写规范
- 一些标签的使用,切记所有标签都需要闭合,不管是单体标签还是成对标签。(尽管目前浏览器是识别有些标签不闭合的情况,但是取的最好的保证兼容性,使用闭合)
- 标签写法要用小写字母(有些版本对大小写可认为相同,而xhtml中强制使用小写)
HTML注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释快捷键 ctrl + /
提示:合理地使用注释可以对未来的代码编辑工作产生帮助,只是方便我们阅读,不会显示在浏览器中。
元素的分类
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标签,即使我们嵌套了,最后浏览器也会解析为并列关系