一、HTML文件结构
按照惯例,,先来看代码,我再对代码进行解读
首先,前方高能,注意注意!!!
第 1 行代码,<!doctype html>
上一篇文章我已经提及到了。不懂的话,请往回翻
第 2 行 <html>
标签的作用是告知浏览器其自身是一个HTML文档。
<html>
与</html>
标签限定了文档的开始点和结束点,在他之间是文档的头部和主体,文档的头部和主体也就是 <head>
标签与 <body>
标签。
有些网页的 html 开始标签是 html lang="en"
,其中lang属性是规定元素的语言,属性值有 en (英文) 和 zh (中文)。
第 3 行 <head>
标签 提供了CSS样式表,元数据,引用脚本 等等,标签里面的数据不会真正做为内容显示给用户。
第 4 行 <meta>
元数据,提供关于页面的元信息,比如针对搜索引擎的描述和关键词。
我们先来对 <meta charset="UTF-8">
解释。
第 5 行,<title>
标签作用是 定义网页文档的标题
HTML <meta>
标签详细介绍:传送门
二、字符与编码
1.什么是字符,什么是编码?
- 字符(Character):文字、符号 如:123 abc 一二三 !#$%
- 字符集(Charset):字符的集合 如:语言文字
- 编码:将字符和二进制码对应起来,
编码是信息从一种形式转化为另一种形式的过程,也称为计算机编程语言的代码简称编码。
解码,编码的逆过程
这里不对编码做过多的介绍,想要了解更多关于编码:传送门
这里我们简单介绍一下这四种编码
ASCII :数字、英文字母、符号
GB2312:简体中文
Unicode:所有语言
UTF-8:所有语言,占用更小
2.乱码问题
- 源文件保存时的编码
- 源文件声明
<meta charset="编码方式">
这两者不一致的时候,就会出现乱码问题
解决方法就是,将源文件的声明与源文件保存时的编码一致即可。
以上就是HTML文件结构以及html页面出现乱码的原因及解决方法。 感谢阅读
如果上述笔记出现问题,或者有需要补充的,欢迎在评论区留言,蟹蟹
为了方便阅读,已经将Web前端开发的笔记都放在了 Web前端 分栏里面:传送门