HTML网页结构

zhangeer

已于 2022-10-24 13:46:57 修改

阅读量826

点赞数 2

分类专栏： HTML 文章标签： html 前端 1024程序员节

于 2022-09-30 14:59:08 首次发布

本文链接：https://blog.csdn.net/zhangeer/article/details/127122309

版权

HTML 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.基础结构

2.完整的结构

1.基础结构

新建一个html文件：如下

<html>
    <head>
        <title>这是我的第一个网页</title>
    </head>
    <body>
       见到你很开心
    </body>
</html>

其中：

html标签：根标签/根元素所有的内容都要写在html标签内，一个页面只有一个html标签。
head标签：头部标签帮助浏览器解析页面，这里面的内容不会被浏览器解析到页面中。
title标签：网页的标题作用：①网页的标题，显示浏览器的标题框 ②帮助浏览器快速的检索网页，它是html标签中最能帮助企业推广部门做推广的。
body标签：书写网页的主体内容，这里面的内容会被解析到页面，也就是说用户看到的所有的内容都是写在body标签内。
注意：一对标签/一对元素有开始标签和结束标签，这是最简单的网页结构。

2.完整的结构

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>网页标题</title>
  </head>
  <body>
    网页的内容
  </body>
</html>

其中：

!doctype html标签：是文档声明写在html外第一行的位置，告诉浏览器程序员所编写的代码是按照html的规范进行编写，浏览器也要按照html规范给我编译，防止浏览器在编译代码时，陷入怪异模式，从而出现乱码。
meta 自结束标签：是设置元信息，也是帮助浏览器解析页面，在标签里可以放属性、属性值。meta标签还可以设置关键字和网站的描述，它们也是可以帮助企业推广部门进行网站推广的。