HTML文档是一种用于创建网页的标记语言,它的基本结构包括文档声明、元数据、样式表、脚本以及正文内容。
<!DOCTYPE html> <html> <head> <title>Page Title</title> <meta charset="utf-8" /> <link rel="stylesheet" href="style.css" /> <script src="script.js"></script> </head> <body> ... page content ... </body> <html>
文档声明是 HTML 文件的第一行,它用于告诉浏览器使用何种 HTML 版本来解释文件。元数据是 HTML 文件中的关键信息,它可以包含作者、关键字、说明等信息。样式表是一个 CSS 文件,它可以用来定义 HTML 元素的外观和布局。脚本是一个 JavaScript 文件,它可以用来扩展 HTML 页面的功能。正文内容是 HTML 页面中显示的内容,例如文字、图片、表单等。
Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。
HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。
<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
doctype
元素是唯一的,并且在它自己的类别中。
带有 HTML5 DOCTYPE 的 HTML 文档:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
从 Web 诞生早期至今,已经发展出多个 HTML 版本:
版本 | 年份 |
---|---|
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
<!DOCTYPE html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html
元素或根元素表示 HTML 的开始。
html
元素有一个 head
元素和一个 body
元素。
以下代码显示了正在使用的 html
元素。
<!DOCTYPE HTML> <html> ...content and elements omitted... </html>
head
元素包含文档的元数据。
在HTML中,元数据具有关于文档中的内容和标记的信息。它还包括脚本和对外部资源的引用,例如 CSS 样式表。
head
中的 title
元素必选的元素; 其他元数据元素是可选的。
以下代码显示了正在使用的 head
元素。
每个 HTML 文档都应该包含一个head
元素,它必须包含一个title
元素,如代码所示。
<!DOCTYPE HTML> <html> <head> <title>Hello</title> </head> </html>
元数据元素本身不是内容,但它们提供有关后续内容的信息。
元数据元素被添加到头元素。
body
元素封装了 HTML 文档的内容,而 head
元素封装元数据和文档信息。
body
元素总是位于 head
元素之后它是 html 元素的第二个孩子。
HTML4中的body
元素的属性:alink, background, bgcolor, link, margintop, marginbottom, marginleft, marginright, marginwidth, text, and vlink,
都已过时。
这些属性的效果可以用CSS实现。
下面的代码显示了正在使用的 body
元素。
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
<p>This is a test</p>
<a href="http://www..cn">Visit www..cn</a>
</body>
</html>
一个 p
元素和一个 a
元素添加到 body
元素。
为什么要使用XHTML?XHTML 是 HTML(超文本标记语言) 与 XML(扩展标记语言)的结合物。XHTML 包含了所有与 XML 语法结合的 HTML ...
Ajax XMLHttpRequestXMLHttpRequest 对象是 Ajax 的关键。它从 2000 年 7 月发布的 IE 5.5 开始可用,但是直到 2005 年 Ajax 和 ...
SQL WHERE 子句WHERE 子句用于过滤记录。SQL WHERE 子句 WHERE 子句用于提取那些满足指定标准的记录。 SQL WHER...
SQL CREATE TABLE 语句SQL CREATE TABLE 语句 CREATE TABLE 语句用于创建数据库中的表。 表由行和列组成,每个表都必须有个表名...
SQL NOT NULL 约束在默认的情况下,表的列接受 NULL 值。SQL NOT NULL 约束 NOT NULL 约束强制列不接受 NULL 值。 NOT NULL 约束...
SQL FULL OUTER JOIN 关键字SQL FULL OUTER JOIN 关键字 FULL OUTER JOIN 关键字只要左表(table1)和右表(table2)其中一个表...
SQL 用于各种数据库的数据类型 Microsoft Access、MySQL 和 SQL Server 所使用的数据类型和范围。Microsoft Access 数据类型 数...
SQL FORMAT() 函数FORMAT() 函数 FORMAT() 函数用于对字段的显示进行格式化。 SQL FORMAT() 语法SELECT FORMAT(column_name,...