今天是我自学前端开发的第二天,今天在这里我依旧分享一些我学到的芝士【doge】,希望对像我一样刚开始学前端的你起到一点作用。
回顾上次,我们在使用Visual Studio Code学习时,像下图一样输入“!”,单击回车就会产生框架,(切记!要使用英文的“!”)
今天呢,就对框架中的几条代码进行解释说明。
1.<!DOCTYPE>标签
2.lang语言·
3.charset字符集
1.文档类型声明标签
<!DOCTYPE>文档类型声明,作用就是告诉浏览器使用那种版本的HTML来显示网页。
<!DOCTYPE html>这就代码的意思就是当前页面采取的时HTML5版本来显示网页。
注意:
a.<!DOCTYPE>声明位于文档中最强面的位置,处于<html>标签之前。
b.<!DOCTYPE>不是一个HTML标签,它就是文档类型声明标签。
2.lang语言种类
lang语言(用来定义当前文档显示的语言)
例如这段代码
<html lang = "en">
1.en定义语言为英语
2zh-CN定义语言为中文
简单来说,定义为en就是英语网页定义为zh-CN就是为中文网页,其实对于文档显示来说,定义成en的文档也可以显示中文,定为zh-CN也是一样,这属性对于浏览器和搜索引擎(百度,谷歌等)还是有作用的。
3.字符集
<meta charset = "UTF-8" />
切记!这段代码一定得写,不然会出现乱码。
字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
在<head>标签内,可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。
charset常用的值有:GB2312,BIG5,GBK和UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符。
一般情况下,统一使用"UTF-8"编码,尽量统一写成标准的"UTF-8"不要写成"utf8"或"UTF8"。
4.总结
a.以上三个代码vsc自动生成,基本不需要我们重写。
b.<!DOCTYPE html>文档类型声明标签,告诉浏览器这个页面采取HTML5版本来显示页面。
c.<html lang = "en">告诉浏览器或搜索引擎这是一个英文网站,本页面采用英文来显示
d.<meta charset = "UTF-8" />必须写,采取UTF-8来保存文字,如果不写就会乱码。
今天就先到这了,请大佬们多多指教。