【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”。


目录
相关文章
|
6月前
|
XML 移动开发 数据格式
html5为什么只需要写<!doctype html>? 有多少种Doctype文档类型?
html5为什么只需要写<!doctype html>? 有多少种Doctype文档类型?
66 0
|
5月前
|
移动开发 HTML5
html5为什么只需要写<!doctype html>? 一共有多少种Doctype文档类型?
html5为什么只需要写<!doctype html>? 一共有多少种Doctype文档类型?
90 0
|
5月前
|
存储 移动开发 前端开发
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
64 0
|
5月前
|
移动开发 搜索推荐 前端开发
HTML基础-元信息与字符集设置
【6月更文挑战第6天】本文探讨了HTML中的元信息和字符集重要性,它们影响网页渲染和SEO。元信息描述网页内容,字符集确保正确显示非ASCII字符。常见问题包括忽略字符集声明、错误声明、元信息位置不当和缺乏SEO优化。解决方法包括明确声明UTF-8字符集,适当使用元信息,遵循HTML规范,以及考虑使用`&lt;meta charset&gt;`。正确设置这些内容能确保内容正确显示,提升搜索引擎排名,优化用户体验。
61 0
|
移动开发 前端开发 开发者
在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别?
在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别?
132 0
HTML为什么称为超文本标记语言?< DOCTYPE html>什么意思?
HTML为什么称为超文本标记语言?< DOCTYPE html>什么意思?
HTML为什么称为超文本标记语言?< DOCTYPE html>什么意思?
|
移动开发 前端开发 HTML5
html中的<!DOCTYPE html>起到什么作用?前端面试经常考到
相信很多小伙伴都写过html代码,即使是一些刚接触零基础网页编程的小伙伴也是,但是很多人在学习到html较多以后,却不知,在一个网页创建的时候,很多编辑器都会自动为网页键入一行代码<!DOCTYPE html>你注意到了吗?
473 1
|
搜索推荐 前端开发
HTML元素的lang属性的说明及详解
HTML元素的lang属性的说明及详解
HTML元素的lang属性的说明及详解
|
数据格式 XML HTML5
html开头部分(DOCTYPE)
声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 常用的 DOCTYPE 声明 HTML5规范: //表示英语 HTML 4.01 Strict 该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。
926 0

热门文章

最新文章