XHTML学习笔记 Part2：核心元素

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页面内容，这部分内容有时称为主体内容

 

posted on 2013-08-05 21:17  LilianChen  阅读(762)  评论(1)  编辑  收藏  举报

导航