HTML格式文件
学习前端有一段时间了,到今天为止才想起来该梳理一下HTML文档创建好之后初始结构标签的意义。
初始结构代码
我用的是vsCode编辑器,在工作区右键----新建文件----文件名+.html即可创建成功。
在编辑区输入html:5出现以下内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
</body>
</html>
依次介绍各含义
<!DOCTYPE>：
-此声明必须是HTML文档的第一行,位于< html >标签之前;
-不是HTML标签它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令;
-请始终向HTML文档添加<!DOCTYPE>声明,这样浏览器才能获知文档类型;
-在HTML5中只有一种声明.
< html lang=“en”>:
-含义是标记标签内的自然语言的语种。或者声明整个网页的主要使用的自然语言的语种；
-lang属性可用于标记网页或部分网页的语言。也就是说lang属性不仅仅可以用在html标签上.同样还可以用于其他标签上。
作用：
-对于程序员来说没有太大的作用,但是它可以告诉浏览器,搜索引擎,一些处理HTML的程序对页面语言内容来做一些对应的处理或者事情。
例如：
根据lang属性来设置不同语言的css样式,或者字体;
告诉搜索引擎做精确的识别;
让语法检查程序做语言识别;
帮助翻译工具做识别;
帮助网页阅读程序做识别。
总而言之,当搜索引擎或者浏览器拿到语言标签后，有可能做一些针对指定语言的辅助操作。
< head >:
-用于定义文档的头部,它是所有头部元素的容器。< head >中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等；
-文档的头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其他的文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者；
常用的 < link >，< meta >，< style >，< script >以及< title >都可用在head部分。
< meta charset=“UTF-8”>：
-提供有关页面的元信息，针对搜索引擎和更新频度的描述和关键词。
-UTF-8是(Unicode Transformation Format/万国码转换格式)，8代表8位元；
只需知道是一种字符编码，让浏览器做好翻译工作的属性
< meta name=“viewport” content=“width=device-width, initial-scale=1.0”>：
-viewport就是设备屏幕上能用来显示我们网页的那一块区域；
-name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
name属性还有很多参数值，在这不多做说明！
content=“width=device-width, initial-scale=1.0”：
width：可视区域的宽度，值可为数字或关键词device-width；
height：与width相同；
initial-scale：页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放；
补充：
maximum-scale=1.0，minimum-scale=1.0；可视区域的缩放级别；
maximu-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上；
user-scalable：是否对页面进行缩放，no禁止缩放。
< meta http-equiv=“X-UA-Compatible” content=“ie=edge”>：
-http-equiv：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确的显示网页内容；
-X-UA-Compatible：是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的，可以用来指定网页的兼容模式设置。
< title >：
-用来指定浏览器窗口的标题栏或状态栏上；
-只有一个；
-< title > 标签是 < head > 标签中唯一要求包含的东西。
< body >:
-定义文档的主体，包含文档的所有内容。
如有不足，请指正！
9998
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
