HTML整体结构介绍

最新推荐文章于 2024-09-04 23:24:54 发布

诗霖雪

最新推荐文章于 2024-09-04 23:24:54 发布

阅读量79

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/m0_56713342/article/details/133279039

版权

1、声明部分

<!DOCTYPE html>

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

2、根标签

<html lang="en">

</html>

html 是根标签，一个页面就一个根标签，所有的内容都要写在根标签里面，即开始标签和结束标签中间。

lang="en" 设置编写代码语言

3、head

<head>

<title>网站的标题</title>

<meta charset="utf-8"/>

</head>

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

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

meta 标签是根据其配置的属性和属性值来确定功能,设置一些元信息.

属性和属性值写在开始标签和字节数标签内部的
charset 属性=“charset属性值”
charset属性设置字符集
utf-8 字符集的类型-万国码

编码：将汉字图片音视频等转成二进制的过程
解码：将二进制又转成汉字图片音视频等
乱码：编码和解码参考的标准不统一，就会出现乱码

4、body

<body>

</body>

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

5、整体结构

 <!DOCTYPE html>
 <!-- html根标签 一个页面就一个根标签，所有的内容都要写在根标签里面
    开始标签和结束标签中间
   -->
   <!-- lang="en"  设置编写代码语言-->
   <html lang="en">
    <!-- head标签  帮助浏览器编译代码，里面的内容，用户一般看不到-->
    <head>
      <!-- 
         学习标签的时候，一定要注意语义，而不是样式
         title标签：网站的标题
         可以帮助推广部门进行网站推广，非常重要，一般具体内容都是推广部门来定的
         seo   搜索优化
         sem   竞价推广
      -->
      <title>网站的标题111</title>
      <!-- meta 标签是根据其配置的属性和属性值来确定功能
           设置一些元信息
      -->
      <!-- 
         属性和属性值写在开始标签和字节数标签内部的
         charset 属性=“charset属性值”
         charset属性   设置字符集
         utf-8         字符集的类型-万国码
                              

                  编码： 将汉字图片音视频等转成二进制的过程
                  解码： 将二进制又转成汉字图片音视频等
                  乱码： 编码和解码参考的标准不统一，就会出现乱码
      -->
      <meta charset="utf-8"/>
      <meta name="keywords" content="京东，电脑，平板"/>
      <link rel="icon" href="https://www.jd.com/favicon.ico" mce_href="//www.jd.com/favicon.ico" type="image/x-icon"/>
    </head>
    <!-- body 标签 是书写网页主体内容，用户看到的所有内容，文字，图片，音视频
   等等都写在body
   -->
   <body>
      <!--chinese lorem 假文
      jw+数字  -->
       定井有虽惜服终卞上。   
       <!-- lorem+数字-->
       Lorem ipsum dolor sit amet consectetur.
      </body>
   </html>

诗霖雪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML整体结构介绍

文档声明：告诉浏览器我们写的代码是按照html文档类型来写的，浏览器在编译代码时，也要按照html规范来编译，防止出现怪异模式。body 标签是书写网页主体内容，用户看到的所有内容，文字，图片，音频，视频等等都写在body里面。html 是根标签，一个页面就一个根标签，所有的内容都要写在根标签里面，即开始标签和结束标签中间。meta 标签是根据其配置的属性和属性值来确定功能,设置一些元信息.head标签 :帮助浏览器编译代码，里面的内容，用户一般看不到.属性和属性值写在开始标签和字节数标签内部的。
复制链接

扫一扫