1-1-4【HTML基础】HTML基本结构介绍
2020-10-19 本文已影响0人
Liyager
题外话：没啥要说的，给大家表演一个口技，poi~
1.HTML基本骨架
- 4个最基本的标签：<html>，<head>，<title>，<body>
2.html标签
- HTML文件的根元素，其他所有的标签都要写在<html>...</html>标签的内部。
3.head标签
- 用于存放<title>,<meta>,<base>,<style>,<script>,<link>等对于网页的配置，除了title以外，其他都不会显示在网页上。
4.title标签
- 让我们的网页有一个名字，页签中展示的就是网页的名字。
- title中的关键字，可作为搜索引擎搜索的关键字，提高搜索排名。
- 搜索内容的标题展示。
- 浏览器收藏夹的默认标题。
- 注意：建议网页必须添加title，内容挑选关键词组成，利于被搜索。
5.body标签
- 定义网页的主体部分，用于存放所有HTML显示内容的标签，例如p,h1,a,div等标签。
6.DTD声明
- 引言：在第1-1-2讲中，我们介绍了VS Code的一个快捷键，! + tab，会自动为我们生成HTML文件最基础的代码，在第一行，我们会看到这样的代码。
- 什么是DTD：完整的HTML文件，第一行内容叫做“文档定义类型”，全称DocType Definition。
- 作用：告诉浏览器，这个网页是用哪个版本的HTML规范进行编写的，让浏览器按照相应规范进行解析。
HTML的DTD只有这一种写法，了解即可。若小伙伴感兴趣，可以自行查询HTML1.0-4.01版本的DTD写法。
7.html标签的lang属性
- 作用：仅用于标识该网页中的内容，哪一种语言是主体语言。
- 好处：搜索引擎可以根据该属性，来筛选搜索结果的语言，来提高搜索排名。
8.meta标签的charset属性
- meta标签：提供了HTML文档的元数据，为浏览器展示网页提供一些数据信息，后面会细讲，目前了解即可。
- charset属性：该属性指定了本网页使用的字符集是什么，不同字符集的使用，会影响网页是否正常展示及网页加载速度。
扩展1：字符集
- 什么是字符集：是一个存储了多种文字及符号的集合。
-
为什么要有字符集？
- 我们都知道计算机底层实际上就是二进制，数字0和1的计算，那么如何让电脑能识别abcd呢？
- 举个非常简单的例子，二进制让00代表a，让01代表b，10代表c，11代表d，那么计算机就可以根据0和1来存储&展示字母abcd。
- 其他的文字和符号也是同理，为了让计算机能识别和显示我们人类的文字和符号，所以需要有字符集的存在。
-
几个常用的字符集（了解即可）
- UTF-8：是针对Unicode的一种可变长度编码，涵盖了人类几乎所有的语言和符号，其中中文字符占3字节。
- gb2312：收录了汉字6k+，拉丁字母、希腊字母、日文平假片假名等。
- gbk：是gb2312的拓展，增加了繁体字，其中中文字符占2字节。
-
使用建议：
- 网页没有加载速度要求，或制作外文网页，使用utf-8
- 网页包含大量中文，且要求网页加载速度快，使用gbk
-
注意事项：
- meta标签声明的字库，必须和编辑器软件默认的字库相同，否则会出现乱码。
拓展2：计算机存储单位
- bit(位)：总所周知，计算机的最小单位是二进制，0和1，其单位为bit。
- Byte(字节)：存储空间的基本计算单位（内存就是1字节为1个单元），1 Byte=8 bit，也就是说1Byte的空间，可以表示28种数字。
- KB：没有特殊含义，就是单位变大了，1 KB = 210 Byte = 1024 Byte
- MB：没有特殊含义，就是单位变大了，1MB = 10 KB = 1024 KB
- 以此类推...
- 其中最重要的是bit和byte比较容易混淆，别记混了！
结束语：一花一世界，一木一浮生，诸君共勉！
