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

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

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



  • 关注博主,后期持续更新系列文章
  • 如果有错误感谢大家批评指出,一定及时修改
  • 感谢大家点赞👍收藏⭐评论✍

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

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



一、文档类型声明标签

<!DOCTYPE html>     <!--当前页面采取的是 HTML5 版本来显示网页. -->

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

注意:

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。

<!DOCTYPE>不是一个 HTML 标签,它就是文档类型声明标签。


二、 lang 语言种类

<html lang="zh-CN">  <!--定义为 zh-CN 就是中文网页. -->
<html lang="en">     <!--定义为 zh-CN 就是英文网页. -->

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

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

简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页

其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文

这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的


三、字符集

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

<meta charset=" UTF-8" />

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

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

注意:

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


目录
相关文章
|
11天前
|
XML 移动开发 数据格式
html5为什么只需要写<!doctype html>? 有多少种Doctype文档类型?
html5为什么只需要写<!doctype html>? 有多少种Doctype文档类型?
32 0
|
11天前
|
存储 移动开发 搜索推荐
HTML5语法和基本常用标签(字符集)
HTML 标签是由尖括号包围的关键词,例如`<html>`。
37 0
|
6月前
|
移动开发 前端开发 开发者
在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别?
在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别?
66 0
|
移动开发 前端开发 HTML5
html中的<!DOCTYPE html>起到什么作用?前端面试经常考到
相信很多小伙伴都写过html代码,即使是一些刚接触零基础网页编程的小伙伴也是,但是很多人在学习到html较多以后,却不知,在一个网页创建的时候,很多编辑器都会自动为网页键入一行代码<!DOCTYPE html>你注意到了吗?
382 1
HTML为什么称为超文本标记语言?< DOCTYPE html>什么意思?
HTML为什么称为超文本标记语言?< DOCTYPE html>什么意思?
118 0
HTML为什么称为超文本标记语言?< DOCTYPE html>什么意思?
|
搜索推荐 前端开发
HTML元素的lang属性的说明及详解
HTML元素的lang属性的说明及详解
HTML元素的lang属性的说明及详解
|
数据格式 XML HTML5
html开头部分(DOCTYPE)
声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 常用的 DOCTYPE 声明 HTML5规范: //表示英语 HTML 4.01 Strict 该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。
897 0
|
Web App开发 XML 移动开发
HTML的特殊字符集-持续更新
HTML画直线: 画空行: .......
706 0