当前位置:   article > 正文

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

简述一个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属性将文本更好的显示给用户。

示例如下:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html dir="RTL">
  3. <head>
  4. <mera http-equiv="Content-Type" content="text/html;charset=utf-8">
  5. <title>html标签中的dir属性</title>
  6. </head>
  7. <body>
  8. 你欢喜好我
  9. </body>
  10. </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
推荐阅读
相关标签
  

闽ICP备14008679号