对html骨架的详细解释

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>