HTML 笔记（二）：认识 HTML

Reyn Morales

已于 2022-09-06 15:34:21 修改

阅读量120

点赞数 1

分类专栏： HTML 笔记文章标签： html 前端

于 2022-07-20 09:06:01 首次发布

本文链接：https://blog.csdn.net/Raymiles/article/details/125885048

版权

HTML 笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML 笔记（二）：认识 HTML

什么是 HTML

Hypertext Markup Language，超文本标记语言

HTML 的作用

用于描述文本语义的，即可以利用 HTML 来告诉浏览器哪些是标题，哪些是段落，用于描述其它文本语义的文本，我们称之为标签，并且这些标签将来在浏览器中是不会被显示出来的，因此我们称这些文本为“超文本”，而这些文本又叫做标签，所以被称之为“超文本标记语言”

虽然利用 HTML 的标签修改了被描述的那段文本的样式，但 HTML 的作用只有一个，那就是专门用来给文本添加语义的，而不是用来修改文本的样式的

HTML 发展史

HTML 在 1993 年（IETF）发布，本质上并不是一个标准，1995 年由 W3C 发布了 HTML2.0 标准，在 1999 年的 HTML4.01 发布后，W3C 继而发布了 XHTML1.0 与 2000 年，XHTML 相比于之前的 HTML 更加严格，从而导致之前的网页无法使用，从而遭到各大浏览器厂商的抵制

在 2004 年，由各大浏览器厂商成立了 WHATWG 组织，用于延续 HTML 的发展，而颁布了 HTML5 草案，迫不得已，XHTML 与 HTML5 草案合并，从而发布了 HTML5 正式版

W3C（万维网联盟）负责 Web 方面标准的制定，如 HTML、CSS、XML 的标准就是由 W3C 来定制的

HTML 结构

编写网页的步骤

新建一个文本文件
利用记事本打开
编写 HTML 代码
保存并且修改纯文本文件的扩展名为 .html
利用浏览器打开编写好的文件

基本结构

<html>
    <head>
        <meta charset="UTF-8" />
        <title></title>
    </head>
    <body>

    </body>
</html>

通过观察我们发现，HTML 结构中所有的标签都是成对出现的，这些标签中有一个带 / ，有一个不带 /，那么这些不带 / 的标签我们称之为开始标签，这些带 / 的标签我们称之为结束标签

html 标签用于告诉浏览这是一个网页

其它所有的标签都必须写在 html 开始标签和结束标签之间

head 标签用于给网站添加一些配置信息，例如：
- 指定网站的标题、图标
- 添加网站的 SEO 相关的信息（关键字、描述信息）
- 外挂一些外部的 css/js 文件
- 添加一些浏览器适配相关的内容

一般情况下，写在 head 标签内部的内容都不会显示给用户查看

title 标签用于指定网站的标题，并且这个标题将来还会作为用户保存网站的默认标题

title 标签必须写在 head 标签之间

body 标签用于定义 HTML 文档中需要显示给用户查看的内容（文字、图片、音频、视频）

需要显示的内容应该写在 body 之间，一个 html 标签中，只能有一对 body 标签

meta 标签用于指定当前网页的字符集

网页中常见的字符集分别为 GBK 与 UTF-8，二者的区别在于 GBK 中存储的字符较少，仅仅存储了汉字和一些常用的字母，而 UTF-8 存储了世界上所有的语言内容，在 HTML 文件中指定的字符集必须和保存这个文件的字符集一致，才能保证没有乱码问题

HTML 标签

分类

单标签，只有开始标签，没有结束标签，也就是由一个</>组成的
双标签，有开始标签和结束标签，也就是由一个 <> 和一个 </> 组成的

关系

并列关系（兄弟）
嵌套关系（父子）

DTD 文档声明

由于 HTML 有很多个版本的规范，每个版本之间又有一定的差异，所以为了让浏览器能够正确的编译/解析/渲染我们的网页，我们需要在 HTML 文件的第一行告诉浏览器，我们当前这个网页是用哪一个版本的 HTML 规范来编写的，浏览器只要知道了我们是用哪一个版本的规范来编写之后，它就能够正确的编译/解析/渲染我们的网页

HTML5 的 DTD 文档声明格式，它是向下兼容的

<!DOCTYPE html>

注意事项：

任何一个标准的 HTML 网页，第一行一定是 DTD 文档声明，也就是说 DTD 文档声明必须写在 HTML 的第一行
DTD 文档声明不区分大小写
DTD 文档声明不是一个标签
虽然 DTD 文档声明的作用是用于告诉浏览器网页是用哪一个版本的标准编写的，以便于浏览器解析和渲染，但是浏览器并不是完全依赖于 DTD 文档声明，浏览器有一套属于自己的机制