1. <html>元素
<html xmlns="http://www.w3.org/1999/xhtml">
仅有两个元素是<html>的直接子元素：<head>,<body>
2. <head>元素
<head>元素是所有其他头元素的容器，紧跟在起始标签<html>之后；
每个<head>元素应当包含一个<title>元素以指示文档的标题；也可以以任意顺序包含如下元素的任意组合：
- <base>定义页面中所有链接的默认地址或默认目标
假设一个图片的绝对地址：
<img src="http://www.w3school.com.cn/i/eg_smile.gif" />
现在加入<base>标签，就可以：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 4 <head> 5 <base href="http://www.w3school.com.cn/i/" /> 6 <base target="_blank" /> 7 </head> 8 9 <body> 10 <img src="eg_smile.gif" /> 11 <a href="http://www.w3school.com.cn">W3School</a> 12 </body> 13 14 </html>
- <object>用于包含图像、JavaScript对象、Flash动画、Mp3文件、QuickTime电影以及页面的其他组件
1 <object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" 2 width="100" height="50"> 3 <param name="BorderStyle" value="1" /> 4 <param name="MousePointer" value="0" /> 5 <param name="Enabled" value="1" /> 6 <param name="Min" value="0" /> 7 <param name="Max" value="10" /> 8 </object>
- <link>用于链接到外部文件，例如样式表或JavaScript文件
1 <head> 2 <link rel="stylesheet" type="text/css" href="/html/csstest1.css" > 3 </head>
- <style>用于在文档中包含CSS规则
1 <head> 2 <style type="text/css"> 3 h1 {color:red} 4 p {color:blue} 5 </style> 6 </head>
- <script>用于在文档中包含脚本
1 <html> 2 3 <body> 4 5 <script type="text/javascript"> 6 document.write("<h1>Hello World!</h1>") 7 </script> 8 9 </body> 10 11 </html>
结果是页面上显示： Hello World！
- <meta>用于包含与文档相关的信息，例如关键字和文档的描述，他们特别有助于搜索应用程序
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
3. <title>元素
<title>元素的使用方式包括：
- 位于浏览器窗口的顶部
- 作为浏览器中书签的默认名称
- 通过使用内容的搜索引擎以帮助索引页面
4. <body>元素
<body>元素出现在<head>元素之后，它包含用户能够在浏览器主窗口中看到的部分web页面内容，这部分内容有时称为主体内容