HTML基础-认识HTML

2021-11-01

HTML是什么

HTML是HyperText Markup Language的缩写，超文本标记语言。

HTML的作用

在纯文本文件中，所有的文字都是同级别的，HTML只有一个作用：专门用来描述文本的语义，也就是说可以通过HTML告诉浏览器哪些是标签，哪些是段落。这些用于描述其他文本语义的文本称为标签，且标签不会在浏览器中显示出来。
因为这些标签是专门用来描述其他文本语义的，且在浏览器中不显示，因此称为“超文本”，又因为这些文本叫标签，所以HTML被称为“超文本标记语言”。

网页的固定格式

编写网页有一套规范和要求，规定了写网页的格式。
基本结构：

- 锐客网

通过观察可以发现，HTML基本结构中的标签大部分都是成对出现的，不带/的标签称为开始标签，带/的标签称为结束标签。

html标签

作用：告诉浏览器这是一个HTML文档。
注意点：所有标签都必须写在html开始与结束标签之间。

head标签

作用：
- 用于给网站添加配置信息
- 例如:
  - 指定网站的标题/指定网站的小图片
  - 添加网站的SEO相关的信息（指定网站的关键字/制定网站的描述信息）
  - 外挂一些外部的css/js文件
    添加一些浏览器适配相关的内容
注意点：
- 一般情况下，head标签内的内容不会显示给用户看

title标签

作用:
- 专门用于指定网站的标题，且作为保存网站的默认标题
- 注意点：必须写在head标签内

body标签

作用：
- 专门用于定义HTML文档中显示给用户查看的内容
注意点：
- 一定要将需要显示的内容写在body中
- 一对中只能有一对标签

head内部标签 meta标签

meta标签的作用，就是指定当前网页的字符集
为什么会有乱码的现象？
- 编写网页时没有指定字符集
如何解决乱码现象？
-在head标签中添加“”,指定字符集
什么是字符集？
- 字符的集合，很多字符堆在一起。
GBK（GB2312）和UTF-8区别
- GBK（GB2312）仅仅存储一些汉字及常用外文
  - 体积较小
- UTF-8存储世界上所有文字
  -体积较大
懒人推荐：不管三七二十一，一律用UTF-8

标签分类

单标签
- 只有开始标签没有结束标签

双标签
- 又开始标签和结束标签

HTML标签关系分类

并列关系（兄弟/平级）

嵌套关系（父子/上下级）

- 锐客网

DTD文档声明

什么是DTD文档声明？
- 由于HTML有多个版本的规范，我们需要在HYML文件的第一行告诉浏览器我们要用哪个版本的规范来编写，浏览器知道我们用那个版本后，就能正确的编译/解析/渲染我们的网页
DTD文档声明格式？
- 每一个不同版本的规范都有不同的DTD文档声明
- 现在一般使用HTML5的DTD文档声明，因为它是向下兼容的
  格式：

DTD文档声明的注意点：
- 任何一个标准的HTML网页的第一行一定是DTD文档声明
- DTD文档不区分大小写
- DTD文档声明不是标签
- 浏览器不会完全依赖DTD文档声明，浏览器有一套自己的机制，第一行写DTD是遵守规定

推荐阅读

上一篇：小吃怡情

下一篇：gulpfile.js