标准的文档结构

最新推荐文章于 2025-02-06 17:59:19 发布

23号婷儿

最新推荐文章于 2025-02-06 17:59:19 发布

阅读量766

点赞数

文章标签： html

本文链接：https://blog.youkuaiyun.com/qq_46179838/article/details/108820892

版权

本文介绍了标准的HTML文档结构，包括HTML声明、根元素、文档头、元数据、标题和文档体的作用。强调了每个部分在网页开发中的重要性，如文档声明对浏览器渲染的影响，lang属性用于指定文字语言，以及title和body元素在页面内容展示中的角色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

一、标准文档的框架

当我们新建一个空白的html时，一般都习惯!+tab键快捷生成，如下图

<!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>

1、HTML ：页面、HTML文档

<!DOCTYPE html>

文档声明，告诉浏览器，当前文档使用的HTML标准是HTML5。

不写文档声明，将导致浏览器进入怪异渲染模式。
https://blog.youkuaiyun.com/qq_46179838/article/details/104327925

2、leng="" ：根元素

<html lang="en">
</html

一个页面最多只能一个，并且该元素是所有其他元素的父元素或祖先元素。

HTML5版本中没有强制要求书写该元素

lang属性：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。

3、head ：文档头

<head>

</head>

文档头内部的内容，不会显示到页面上。

4、meta ：（文档的元数据：附加信息。）

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

charset：指定网页内容编码。

计算机中，低压电（0~2V）电子元件用0表示，高压电（2~5 V）电子元件用1表示，如果想表示2，那就使用10表示。

计算机中，只能存储数字

文字和数字进行对应

① 比如：a —— 97， A —— 64 该字典叫做字符编码表，GB2312，GBK

② UTF-8 是 Unicode 编码的一个版本
③ Unicode 万国码

5、title ：网页标题

<title>Document</title>

6、body ：文档体

<body>
</body>

页面上所有要参与显示的元素，都应该放置到文档体中。