作为一门语言,虽然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>标签中还有很多属性,用于设置文档的背景颜色、文本颜色、链接颜色、边距等。