【HTML专栏3】!DOCTYPE、lang、字符集的作用

本文属于HTML/CSS专栏文章,适合WEB前端开发入门学习,详细介绍HTML/CSS如果使用,如果对你有所帮助请一键三连支持,对博主系列文章感兴趣点击下方专栏了解详细。


  • 博客主页:Duck Bro 博客主页
  • 系列专栏:HTML/CSS专栏
  • 关注博主,后期持续更新系列文章
  • 如果有错误感谢大家批评指出,一定及时修改
  • 感谢大家点赞收藏⭐评论✍

【HTML专栏3】!DOCTYPE、lang、字符集的作用

本文关键字:!DOCTYPE、lang、字符集、作用

文章目录

  • 【HTML专栏3】!DOCTYPE、lang、字符集的作用
    • 一、文档类型声明标签
    • 二、 lang 语言种类
    • 三、字符集


一、文档类型声明标签

DOCTYPE html>     

文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。

注意:
声明位于文档中的最前面的位置,处于 标签之前。
不是一个 HTML 标签,它就是文档类型声明标签。


二、 lang 语言种类

<html lang="zh-CN">  
<html lang="en">     

用来定义当前文档显示的语言

  1. en定义语言为英语
  2. zh-CN定义语言为中文

简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页
其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文
这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的


三、字符集

在前端中,字符集通常指的是网页中使用的字符集。网页中的字符集可以指定为 HTML 标签中的 meta 标签,例如:

<meta charset=" UTF-8" />

标签内,可以通过 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。

charset 常用的值有:GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符

注意:
上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8”编码,尽量 统一写成标准的 “UTF-8”,不要写成 “utf8” 或 “UTF8”。


在这里插入图片描述

你可能感兴趣的:(Web,前端开发,html,前端,vscode)