对html骨架的详细解释-CSDN博客

本文链接：https://blog.csdn.net/weixin_54049256/article/details/135348675

html的骨架结构

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

<!DOCTYPE html>

文档声明告诉浏览器我们写的代码是按照html文档类型来写的，浏览器在编译代码时，也要按照html规范来编译，防止出现怪异模式

<html lang="en"></html>

html根标签，一个页面就一个根标签所有的内容都要写在根标签开始标签和结束标签中间，lang="en"向搜索引擎表示语言为英文的网站

<head></head>

head标签帮助浏览器编译代码，里面的内容，用户一般看不到

<meta charset="UTF-8">

编码类型为万国码

<meta name="viewport" content="width=device-width, initial-scale=1.0">

与移动端的适配相关

<title>Document</title>

网站的标题,可以帮助推广部门进行网站推广，非常重要，一般具体内容都是推广部门来定的

<body></body>

body标签是书写网页主体内容，用户看到的所有内容文字，图片，音视频等等都写在body

<!-- 文档声明  告诉浏览器我们写的代码是按照html文档类型来写的
浏览器在编译代码时，也要按照html规范来编译，防止出现怪异模式-->
<!DOCTYPE html>
<!--html根标签，一个页面就一个根标签 所有的内容都要写在根标签
开始标签和结束标签中间，lang="en"向搜索引擎表示语言为英文的网站-->
<html lang="en">
<!-- head标签  帮助浏览器编译代码，里面的内容，用户一般看不到 -->
<head>
    <!--元信息，编码类型为万国码，编码类型要么都大写要么都小写-->
    <meta charset="UTF-8">
    <!--与移动端的适配相关-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--网站的标题,可以帮助推广部门进行网站推广，非常重要，一般具体内容都是推广部门来定的-->
    <title>Document</title>
</head>
 <!-- body标签 是书写网页主体内容，用户看到的所有内容文字，图片，音视频等等都写在body-->
<body>
    
</body>
</html>