HTML元素分类

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标签,即使我们嵌套了,最后浏览器也会解析为并列关系
原文地址:https://www.cnblogs.com/youknowUL/p/11390500.html