HTML头部的那些“!”出来的代码是什么意思?都有哪些作用?

29 阅读1分钟

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>

这些代码都是什么意思?有什么作用?

  1. <!DOCTYPE html>表示已HTML解析文档,一般放在HTML文档的最开头的位置。

  2. <html lang="en">表示HTML文档使用的语言是英文,其值也可以取"zh"——中文

  3. <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>文档的标题,通常显示在浏览器的标题栏或者标签页上。全局属性,只在里面,只包含文本。

  4. <body></body>HTML文档的主体部分。