HTML中使用“!”emmet出来的是什么?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1">
<link rel="stylesheet" href="">
<title>Document</title>
</head>
<body>
</body>
</html>
这些代码都是什么意思?有什么作用?
-
<!DOCTYPE html>
表示已HTML解析文档,一般放在HTML文档的最开头的位置。
-
<html lang="en">
表示HTML文档使用的语言是英文,其值也可以取"zh"——中文
-
<head></head>
HTML文档的头部,如文档的标题、脚本和样式表。主要保存供机器处理的信息,非人类可读信息。
-
<meta charset="UTF-8">
一种字符集声明,告诉文档使用“UTF-8”字符集编码文档。
-
<meta name="viewport" content="width=device-width, initial-scale=1.0, initial-scale=1.0, maximum-scale=1, minimum-scale=1">
针对移动端页面的优化,为了在移动端不让用户缩放页面使用。
width=device-width
将布局视窗的宽度设置为设备屏幕分辨率的宽度
initial-scale=1.0
页面的初始缩放比例为屏幕分辨率的宽度
maximum-scale=1
指定用户能够放大的最大比例
minimum-scale=1
指定用户能够缩小的最小比例
-
<link rel="stylesheet" href="">
链接外部资源,常用于链接样式表。也可以链接icon或者是图标等
-
<title>Document</title>
文档的标题,通常显示在浏览器的标题栏或者标签页上。全局属性,只在里面,只包含文本。
-
<body></body>
HTML文档的主体部分。