HTML 介绍-CSDN博客

文章来源：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Introduction

什么是 HTML

HTML 是一种标记语言（markup language）。它告诉浏览器如何显示内容。HTML把内容（文字，图片，语言，影片等等）和「presentation」（这个内容是如何显示，比如文字用什么颜色显示等等）分开。HTML使用预先定义的元素集合来识别内容形态。元素包含一个以上的标记来包含或者表达内容。标记利用尖括号表示，而结束标记（用来指示内容尾端）则在前面加上斜线。

元素—基本的构造区块

HTML由不同元素的集合组成。元素定义了它们所包含内容的语义。元素包含了两个相匹配的元素标签之中所有的内容，当然也包含了标签本身。大部分的元素都支持元素嵌套，构成了一个层次结构。层次化结构称为 DOM: Document Object Model--文档对象模型。

属性

开始标签可能包含一些信息，这些信息叫做元素的特性，包括两部分:

特性名.
特性值.

一些元素可以只有特性名没有特性值。它们的特性名类似“是非”，“有或没有”，所以可以省略特性值，所以下面三种写法都是一样的意思:

<input required="required">

<input required="">

<input required>

特性值如果有包含空格就要用引号，单双引号都可以。如果特性值是单个词就可以不用引号，但为了避免出错和易于识别一般会加上引号:

命名字符参考

命名字符参考 (一般被称作实体) 用于表示在HTML中具有特定含义的字符. 举例说，HTML将“>”和“<”符号理解为标签分隔符。所以，当你想在文本中用">"符号表达“大于”的含义时，你可以使用命名字符参考来作为替代。以下例举了四个非常重要的常用实体：

> 表示大于符号">" (>)
< 表示小于符号"<" (<)
& 表示和符号"and"(&)
" 表示引用符号" (")

除这四个外，还有许多其他的实体符号, 但以上所举的例子是实体符号中最为重要的几个，原因在于他们所表示的原本字符在HTML中具有特定的含义。（即是说，如果你没有在HTML文本中使用实体符号来替代原本符号的话，浏览器可能会错误地理解你的意图。）

文档类型和注释

除标签，文本内容和实体外，一个HTML文档一定需要在第一行做出文档类型断言(doctype declaration)。在现代HTML中，这句断言书写如下：

<!DOCTYPE html>

文档类型断言的演变有着复杂深长的历史，但今天的我们只需知道上方的文档类型断言告诉了浏览器需要遵循W3C标准来解析HTML和CSS代码，且不必尝试去模拟90年代的IE环境。

HTML拥有一个允许我们在HTML文档添加评论的机制。评论并不会在浏览器渲染页面时一并呈现给用户，而是隐藏在源代码内。HTML评论被如下符号封闭：