HTML 基本语法

语法规则

[1] 标签

标签，指的是 HTML 中，放在标签符 <> 中表示某个功能的编码命令，也称为 HTML 标签。

HTML 标签都是放在 <> 中，成对出现，且是闭合的（ 开始标签 / 结束标签、自闭合标签 ）

HTML 标签，分为双标签和单标签。                    // HTML 标签的关系：嵌套（ 父子、后代 ）和并列（ 兄弟 ）

  • 双标签：HTML 标签通常是成对出现的，由开始标签和结束标签组成
  • 单标签：也称为自闭和标签或空标签，指的是用一个标签符号即可完整描述某个功能的标签

[2] 属性

属性，以名值对的形式出现，且总是在 HTML 元素的开始标签中规定，多个属性间用空格隔开、不分先后顺序。

使用 HTML 制作网页时，如果想让 HTML 标签提供更多的信息，可以使用 HTML 标签的属性加以设置。

也就是说，标签可以带一个或多个属性，属性提供了关于 HTML 元素的附加信息。            // 写法：属性名=“属性值”

「 全局属性 」即，对所有标签都有效的属性。

  • id 属性：规定了元素在页面中的唯一标识；
  • class 属性：规定了元素的类名，页面中具有统一功能或样式的元素可以使用；

// id 与 class 的区别：同一个 class 可以在页面中出现多次，而 id 只能出现一次。

  • style 属性：规定了元素的行内样式，可以在 style 属性中直接写 CSS，但结构、表现混合，不利于后期维护；
  • title 属性：规定了元素的额外信息，鼠标移到元素上就会显示这些信息，如显示不全的内容或解释图标含义；

[3] 元素

元素， 即，从开始标签到结束标签的所有代码。

  • 从开始标签起始，到结束标签终止
  • 开始标签与结束标签之间的称之为元素的内容

元素是可以嵌套的，闭合时要按照嵌套顺序进行闭合

[4] 注释

注释，在 HTML 中插入的描述性脚本，用来解释该代码或提示其他信息。

浏览器遇到注释时，会自动忽略注释内容，也就是说，注释只出现在代码中，不会在页面中显示；注释不可嵌套。

写法：<!--注释的作用：解释说明、调试-->                              //   快捷键：Ctrl + /

  • 解释说明 - 当页面的 HTML 结构复杂或内容较多时，可以添加必要的注释方便代码阅读和维护；
  • 调试 - 暂时注释掉一些不必要的代码，从而预览效果。

简单来说，在 HTML 中使用注释，可以提高代码的可读性，易于被人理解；也可以使用注释进行代码调试。

[5] 书写规范

小写、属性值双引号、嵌套缩进（ 代码清晰、便于维护 ）

HTML 本身是不容易出现语法错误的，因为浏览器是以宽松的模式解析 HTML（ web 创建的初心就是：人人可发布内容，不去纠结代码语法 ），这意味着：即使出现语法错误浏览器依然会继续运行。

浏览器通常都有内建规则来解析书写错误的语法，所以，即使与预期不符，页面仍可以显示。当然，是存在隐患的。

实体字符

HTML 中某些字符已作为 HTML 的语法符号预留，在页面中显示这些特殊符号，须使用相应的实体字符表示。

以空格为例，

无论使用了多少空格（ 包括回车、Tab ），浏览器解析时，会将连续出现的空白字符解析为一个空格。

也就是说，浏览器在解析 HTML 时，会省略源代码中多余的空白字符（ 包括空格、回车、Tab ）

实体字符，以 & 开头，以 ；结尾。

记住常用几个，其他的即用即搜：HTML 实体字符