HTML文档的基本结构_简述一个html文档的基本结构

作者：知新_RL | 2024-07-12 12:31:43

踩

简述一个html文档的基本结构

作为一门语言，虽然HTML比较简单，但是，它仍然会有自己的语法规则，该篇文章针对语法规则，做一些笔记

HTML文档的基本结构如下：

（1）文档类型声明

（2）html 标签对

（3）head 标签对

（4）body 标签对

一：文档类型声明（Document Type Declaration,DTD）

这个部分的用来说明该文档是HTML文档。所有的HTML文档开始于文档声明之后，它说明了文档的类型及其所遵守的标准规范集。DTD是必须的组成部分。

如在HTML 4.01 Transitional中，其文档类型声明如下所示：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

在HTML 5 中，其文档类型声明如下：

<!DOCTYPE html>

在一些专业的HTML网页编辑器（如dreamweaver等），会按照操作自动在HTML文档头部生成相应的文档类型声明。

二：<html>标签对

<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；

</html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；

这两个标签对成对存在，中间的部分是文档的头部和主题。

该标签有两个属性dir和lang。其中dir 是用来指定浏览器用什么方向来显示包含在元素中的文本，它决定文本在整个文档中将以什么方向显示，该属性有ltr和rtl两种，前者规定文本从左到右显示，后者与之相反。除非特殊需要，一般不需要为<html>便签制定dir属性，省略即可；lang属性用来指明文档内容或者某个元素内容使用的语言，理想情况下，浏览器可以使用lang属性将文本更好的显示给用户。

示例如下：


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html dir="RTL">
<head>
<mera http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>html标签中的dir属性</title>
</head>
<body>
你欢喜好我
</body>
</html>

运行结果如下：

三：<head>标签对

<head>标签包含有关HTML文档的信息，可以包含一些辅助性标签，如<title><base><link><meta><style><script>

等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。

head元素有个profile属性，该属性提供了与当前文档相关联的配置文件的URL。

四：<body>标签对

它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。

<body>标签中还有很多属性，用于设置文档的背景颜色、文本颜色、链接颜色、边距等。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/814131