過渡型XHTML文檔頭與文檔結構
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<style type="text/css" media="all">
</style>
<!-- 其他文檔頭元素 -->
<title>文檔標題</title>
</head>
<body>
</body>
</html>
通用字符實體
| 實體 |
含義 |
| " |
" |
| & |
& |
| < |
< |
| > |
> |
屬性值的數據類型
[注意]所有屬性值編碼后的長度都不能超過1024字節。
[釋疑] 一段被 <![CDATA[ 和 ]]>括起來的CDATA節表示一段不被解析的字符數據，其中可以直接使用 " & < > 字符。
CDATA節只能出現在元素的內容中，它與屬性聲明中的CDATA數據類型并無任何關系。
屬性值的基本類型
| 數據類型 |
解釋 |
| ID |
整個文檔范圍內的唯一標識符 |
| IDREF |
在文檔其他位置已定義的ID類型的值 |
| IDREFS |
空格分割的已定義的ID類型的值列表 |
| NMTOKEN |
面向處理程序的XML名稱(記號) |
| CDATA |
字符數據，必須對 & < 和 " 使用實體，多個空白符等價于單個空格。 |
NMTOKEN的派生類型
| 數據類型 |
解釋 |
| 語言代碼 |
比如："zh" "zh-CN" "zh-TW" "en-US" |
| 框架名 |
預定義名稱："_blank"(新窗口) "_self"(自身) "_parent"(父窗口) "_top"(頂層窗口) ；自定義的名稱不能以下劃線開頭。 |
CDATA的派生類型
| 數據類型 |
解釋 |
| MIME類型 |
比如："text/css" "image/gif" "application/rss+xml" |
| MIME列表 |
逗號分隔的MIME類型列表。比如："text/*" "image/*,*/*" |
| 設備列表 |
逗號分隔的設備類型列表。比如："all"(所有) "screen"(屏幕) "print"(打印機) |
| 字符編碼 |
比如："gb2312" "utf-8" |
| 關系列表 |
空格分隔的連接關系列表。比如："Shortcut Icon"(圖標,僅用于link) "Next"(下一個) "Prev"(上一個) "Parent"(上一級) "Start"(起點) "Contents Index"(目錄 索引) "Alternate"(可替代文檔) "Chapter"(章) "Section"(節) "Subsection"(子節) "Copyright"(版權) "Glossary"(詞匯表) "Help"(幫助) "Appendix"(附錄) |
| URL |
比如："/new%20pricing.php?id=678" "mailto:rcpt@host?subject=sub&cc=copy@net" "javascript:fun('cc');" |
| URL列表 |
空格分割的URL列表。比如："../index.html /test.html#frag #price" |
| js腳本 |
一段JavaScript腳本。比如："window.alert("XX公司主頁");" |
| 簡介 |
對元素內容的摘要介紹。比如："XX公司簡介" |
| 唯一字母 |
整個文檔范圍內的唯一小寫字母。比如："a" |
| 正整數 |
一個大于零的正整數。比如："1" |
| 像素 |
以像素為單位的長度。比如："2" "523" "0" |
| 長度 |
"nn"表示像素長度，"nn%"表示百分比長度(相對于包含塊的高度或寬度)。比如："3" "30%" |
| 混合長度 |
"nn"表示像素長度，"nn%"表示百分比長度，"n*"表示剩余空間內的相對長度。比如："3*" "*" "5*" |
| 坐標序列 |
逗號分隔的坐標序列。規則：矩形[x1,y1,x2,y2]，圓[x,y,r]，多邊形[x1,y1,x2,y3,x3,y3,...,xn,yn] |
通用屬性組
方框含義
| 模式 |
解釋 |
| [] |
無默認值的可選屬性 |
| ["???"] |
有默認值的可選屬性 |
| [*] |
無默認值的必需屬性 |
| [定值"???"] |
值固定的必需屬性 |
%Core;(核心)
| 屬性名 |
數據類型 |
解釋 |
| id |
ID |
[]為元素定義一個唯一引用名，以供 超連接、樣式表、小程序、其他元素 等引用。 |
| class |
CDATA |
[]指定元素內容的樣式類。其值為用空格分隔的樣式類名稱列表。 |
| title |
簡介 |
[]為元素指定一個標題。鼠標停留時會顯示其內容，常作為熱點幫助。 |
%Lang;(語言)
| 屬性名 |
數據類型 |
解釋 |
| xml:lang |
語言代碼 |
[]指定元素內容的語言。 |
%Event;(事件)
| 屬性名 |
數據類型 |
解釋 |
| onclick |
js腳本 |
[]單擊事件 |
| ondblclick |
js腳本 |
[]雙擊事件 |
| onmousedown |
js腳本 |
[]按下左鍵事件 |
| onmouseup |
js腳本 |
[]釋放左鍵事件 |
| onmouseover |
js腳本 |
[]進入元素區域事件 |
| onmousemove |
js腳本 |
[]在元素內移動事件 |
| onmouseout |
js腳本 |
[]離開元素區域事件 |
%Focus;(焦點)
| 屬性名 |
數據類型 |
解釋 |
| accesskey |
唯一字母 |
[]定義選中該元素的快捷鍵(Alt+字母) |
| tabindex |
正整數 |
[]使用Tab鍵切換焦點時的順序 |
| onfocus |
js腳本 |
[]獲得焦點事件 |
| onblur |
js腳本 |
[]失去焦點事件 |
%Attrs; ＝ %Core; ＋ %Lang; ＋ %Event;
通用元素組
- %inline;
- "a | br|span|object|img|map|iframe | em|strong|dfn|samp|kbd|code|var|cite|q|abbr|acronym | input|select|textarea|label|button"
- %INLINE;
- (#PCDATA | %inline; | script)*
- %block;
- "div | p | h1|h2|h3|h4|h5|h6 | ul|ol|dl | pre|blockquote|address | fieldset | table"
- %BLOCK;
- (%block; | form | script)*
- %Flow;
- (%INLINE; | %BLOCK;)
[說明]"#PCDATA" 表示文本數據，必須對其中的 & 和 < 字符使用實體。
文檔結構與頭部元素
| 界定文檔 |
%Lang; |
<html> head, body </html> |
| xmlns |
URL |
[定值"http://www.w3.org/1999/xhtml"]本篇文檔的XML命名空間 |
| 文檔頭 |
%Lang; |
<head> (meta|link|style|script|object)*, base?, title </head> |
| 文檔標題 |
%Lang; |
<title> #PCDATA </title> |
| 文檔基準 |
|
<base ... /> |
| href |
URL |
[]基準URL。比如："/info/" |
| target |
框架名 |
["_self"]默認的目標框架或窗口名稱 |
| 元信息 |
%Lang; |
<meta ... /> |
| http-equiv |
CDATA |
[]等價HTTP頭字段名稱 |
| name |
CDATA |
[]元信息的名稱 |
| content |
CDATA |
[*]名稱對應的值 |
| 補充說明 |
http-equiv與name必需二選一。
http-equiv常用："Content-Type"(MIME類型,字符編碼) "Content-Language"(語言) "Refresh"(自動刷新) "Expires"(失效時間) "Cache-Control"(緩存控制) "MSThemeCompatible"(XP主題) "imagetoolbar"(圖像工具欄) "Page-Enter"(載入特效) "Page-Exit"(退出特效)
name常用："keywords"(關鍵字列表) "description"(網頁描述) "author"(作者) "Copyright"(版權信息) "revisit"(重訪) "robots"(機器人指令) "abstract"(摘要) "classification"(分類) "page-topic"(網頁主題) "placename"(地名) |
| 文檔關系 |
%Attrs; |
<link ... /> |
| href |
URL |
[*]目標文檔 |
| rel |
關系列表 |
[*]從源文檔到目標文檔的關系 |
| rev |
關系列表 |
[]從目標文檔到源文檔的關系 |
| hreflang |
語言代碼 |
[]目標文檔的語言 |
| charset |
字符編碼 |
[]目標文檔的字符編碼 |
| type |
MIME類型 |
[]目標文檔的MIME類型 |
| media |
設備列表 |
[]目標文檔所屬設備類型 |
| 補充說明 |
rel與rev屬性的通常用法：
a)在文檔集中導航(start, contents, prev, next, index, end, help)
c)連接到該文檔的可替代版本(rel="alternate")，如：另一語言版本、RSS版本、PDF版本、打印版本 |
| 樣式表 |
%Lang; |
<style> #PCDATA </style> |
| type |
MIME類型 |
[定值"text/css"] |
| media |
設備列表 |
["screen"]適用的媒體類型 |
| title |
簡介 |
[]樣式說明 |
| JS腳本 |
|
<script> #PCDATA </script> |
| type |
MIME類型 |
[定值"text/javascript"] |
| src |
URL |
[]引用的外部javascript代碼(*.js)位置 |
| charset |
字符編碼 |
[]與src屬性一起使用，指明外部js文件的字符集 |
| defer |
(defer) |
[]指明js腳本并不修改XHTML代碼，從而可推遲腳本的執行 |
| 文檔體 |
%Attrs; |
<body> %BLOCK; </body> |
| onload |
js腳本 |
[]文檔被完全載入完畢時的事件 |
| onunload |
js腳本 |
[]文檔被卸載前的事件 |
結構元素
| 標題 |
%Attrs; |
<h1|h2|h3|h4|h5|h6> %INLINE; </h1|h2|h3|h4|h5|h6> |
| 水平分割線 |
%Attrs; |
<hr ... /> |
| noshade |
(noshade) |
[]不顯示陰影 |
| 通用結構容器 |
%Attrs; |
<div> %Flow; </div> |
| 段落 |
%Attrs; |
<p> %INLINE; </p> |
錨
| 錨 |
%Attrs; %Focus; |
<a> (%INLINE; - a) </a> |
| name |
NMTOKEN |
[]錨的名稱 |
| charset |
字符編碼 |
[]所引用資源的字符編碼 |
| type |
MIME類型 |
[]所引用資源的MIME類型 |
| href |
URL |
[]所引用資源的URL |
| hreflang |
語言代碼 |
[]所引用資源的語言 |
| rel |
關系列表 |
[]從源文檔到目標文檔的關系 |
| rev |
關系列表 |
[]從目標文檔到源文檔的關系 |
| target |
框架名 |
[base.target]目標框架或窗口名稱 |
| 補充說明 |
一般放在多個元素的最內層 |
列表元素
| 有序|無序列表 |
%Attrs; |
<ol|ul> (li)+ </ol|ul> |
| compact |
(compact) |
[]緊湊顯示 |
| 列表項 |
%Attrs; |
<li> %Flow; </li> |
| 定義列表 |
%Attrs; |
<dl> (dt,dd*)+ </dl> |
| compact |
(compact) |
[]緊湊顯示 |
| 術語 |
%Attrs; |
<dt> %INLINE; </dt> |
| 解釋 |
%Attrs; |
<dd> %Flow; </dd> |
文本元素
| 內聯樣式容器 |
%Attrs; |
<span> %INLINE; </span> |
| 地址 |
%Attrs; |
<address> %INLINE; </address> |
| 預格式化文本 |
%Attrs; |
<pre> (%INLINE; - "img|object") </pre> |
| 大塊引用 |
%Attrs; |
<blockquote> %BLOCK; </blockquote> |
| cite |
URL |
[]引用內容的來源 |
| 長|短內聯引用 |
%Attrs; |
<cite|q> %INLINE; </cite|q> |
| 一般|重點強調 |
%Attrs; |
<em|strong> %INLINE; </em|strong> |
| 首用術語 |
%Attrs; |
<dfn> %INLINE; </dfn> |
| 普通|首字母縮寫 |
%Attrs; |
<abbr|acronym> %INLINE; </abbr|acronym> |
| 樣例 |
%Attrs; |
<samp> %INLINE; </samp> |
| 鍵盤輸入 |
%Attrs; |
<kbd> %INLINE; </kbd> |
| 代碼|變量 |
%Attrs; |
<code|var> %INLINE; </code|var> |
替換元素
| 圖像 |
%Attrs; |
<img ... /> |
| src |
URL |
[*]圖像文件的位置 |
| alt |
簡介 |
[*]圖像替代文本，鼠標停留時會顯示其內容 |
| longdesc |
URL |
[]對圖像進行詳細描述的頁面 |
| height |
長度 |
[]高度 |
| width |
長度 |
[]寬度 |
| usemap |
URL |
[]客戶端圖像映射，其值為期望的<map>元素的name屬性值。 |
| ismap |
(ismap) |
[]服務端圖像映射(位于<a>中)，將單擊處x,y坐標發給<a>的href屬性指定的處理程序。 |
| 客戶端圖像映射 |
%Attrs; |
<map> area+ </map> |
| id |
ID |
[*]此處id為必需屬性 |
| name |
NMTOKEN |
[*]用來被usemap屬性引用的唯一標識符 |
| 圖像映射區域 |
%Attrs; %Focus; |
<area ... /> |
| shape |
(rect|circle|poly) |
["rect"]區域形狀(矩形|圓|多邊形) |
| coords |
坐標序列 |
[]矩形:"x1,y1,x2,y2" 圓:"x,y,R" 多邊形:"x1,y1,x2,y2,x3,y3,..." |
| href |
URL |
[]該區域對應的URL |
| nohref |
(nohref) |
[]表明沒有文檔與這個區域有關，單擊此區域沒有任何效果。 |
| alt |
簡介 |
[*]對該區域的簡短描述，鼠標停留時會顯示其內容 |
| target |
框架名 |
[base.target]目標框架或窗口名稱 |
| 內聯框架 |
%Core; |
<iframe> %Flow; </iframe> |
| name |
NMTOKEN |
[]框架的名稱，將成為target屬性的目標 |
| src |
URL |
[]顯示在該框架中的初始文檔 |
| frameborder |
(1|0) |
["1"]邊框：顯示|不顯示 |
| scrolling |
(auto|yes|no) |
["auto"]滾動條：自動|始終顯示|禁止顯示 |
| 嵌入對象 |
%Attrs; |
<object> param*, %Flow; </object> |
| declare |
(declare) |
[]僅聲明該對象而不將其實例化 |
| classid |
URL |
[]對象的URL |
| codebase |
URL |
[]對象源代碼的URL |
| data |
URL |
[]需要被對象處理的數據 |
| type |
MIME類型 |
[]被處理的數據的MIME類型 |
| codetype |
MIME類型 |
[]源代碼的MIME類型 |
| archive |
URL列表 |
[]對象所使用的資源的URL列表 |
| standby |
簡介 |
[]對象下載完畢前顯示的消息 |
| height |
長度 |
[]高度 |
| width |
長度 |
[]寬度 |
| usemap |
URL |
[]與對象一起使用的圖像映射 |
| name |
NMTOKEN |
[]定義對象的名字 |
| tabindex |
正整數 |
[]使用Tab鍵切換焦點時的順序 |
| 補充說明 |
嵌入Flash示例：
<object width="寬度" height="高度" standby="對象下載完畢前顯示的消息" data="swf路徑" type="application/x-shockwave-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0">
<param name="movie" value="swf路徑" />
<img src="替代GIF" />
</object> |
| 對象參數 |
|
<param ... /> |
| name |
CDATA |
[*]參數名 |
| value |
CDATA |
[*]參數值 |
| valuetype |
(data|ref|object) |
["data"]參數值的數據類型(數據|引用|對象) |
| type |
MIME類型 |
[]參數的MIME類型 |
表單元素
| 表單 |
%Attrs; |
<form> (%block; | script)* </form> |
| action |
URL |
[*]接收表單數據的程序 |
| method |
(get|post) |
["get"]提交數據的方法，get能傳遞的數據長度(編碼后)不超過1024字符且不能上傳文件，post無此限制。 |
| enctype |
MIME類型 |
["application/x-www-form-urlencoded"]另一值"multipart/form-data"僅在上傳文件時使用，且此時必須用post方法。 |
| onsubmit |
js腳本 |
[]提交數據前執行的js腳本 |
| onreset |
js腳本 |
[]重置數據前執行的js腳本 |
| target |
框架名 |
[base.target]將表單結果重定向到目標框架或窗口名稱 |
| 字段組 |
%Attrs; |
<fieldset> legend?, %Flow; </fieldset> |
| 字段組標簽 |
%Attrs; |
<legend> %INLINE; </legend> |
| 字段標簽 |
%Attrs; |
<label> %INLINE; </label> |
| for |
IDREF |
[*]目標字段的id屬性值 |
| 單行文本|密碼框 |
%Attrs; %Focus; |
<input type="text|password" ... /> |
| name |
CDATA |
[*]字段名 |
| value |
CDATA |
[*]字段默認值 |
| disabled |
(disabled) |
[]禁用該控件(灰顯)，其值不會提交給服務器 |
| readonly |
(readonly) |
[]其值不能被用戶修改，但是其值會提交給服務器 |
| size |
正整數 |
[]控件長度(按字符數計算) |
| maxlength |
正整數 |
[]允許輸入的最大字符數 |
| onselect |
js腳本 |
[]選中事件 |
| onchange |
js腳本 |
[]改變字段值事件 |
| 隱藏文本 |
%Core; |
<input type="hidden" ... /> |
| name |
CDATA |
[*]字段名 |
| value |
CDATA |
[*]字段值 |
| 文件上傳 |
%Attrs; %Focus; |
<input type="file" ... /> |
| name |
CDATA |
[*]字段名 |
| value |
CDATA |
[]文件名(含路徑)默認值 |
| disabled |
(disabled) |
[]禁用該控件(灰顯)，其值不會提交給服務器 |
| readonly |
(readonly) |
[]其值不能被用戶修改，但是其值會提交給服務器 |
| size |
正整數 |
[]控件長度(按字符數計算) |
| onchange |
js腳本 |
[]改變字段值事件 |
| accept |
MIME列表 |
[]限制用戶可選擇的文件類型 |
| 補充說明 |
必須有 form.method="post" 和 form.enctype="multipart/form-data" |
| 單選|復選 |
%Attrs; %Focus; |
<input type="radio|checkbox" ... /> |
| name |
CDATA |
[*]字段名(單選按鈕使用它進行分組) |
| value |
CDATA |
[*]字段值 |
| checked |
(checked) |
[]表示默認選中 |
| disabled |
(disabled) |
[]禁用該控件(灰顯)，其值不會提交給服務器 |
| readonly |
(readonly) |
[]其值不能被用戶修改，但是其值會提交給服務器 |
| 圖像提交按鈕 |
%Attrs; %Focus; |
<input type="image" ... /> |
| name |
CDATA |
[]字段名，瀏覽器會將單擊處的 name.x, name.y 坐標發送給服務器 |
| disabled |
(disabled) |
[]禁用該控件(灰顯)，其值不會提交給服務器 |
| src |
URL |
[*]圖像的URL |
| alt |
CDATA |
[*]替代文字 |
| 通用按鈕 |
%Attrs; %Focus; |
<button> (%Flow - a,表單元素) </button> |
| name |
CDATA |
[]字段名 |
| value |
CDATA |
[]字段值(并不顯示在按鈕上) |
| type |
(button|submit|reset) |
["submit"]按鈕類型(單擊|提交|重置) |
| disabled |
(disabled) |
[]禁用該控件(灰顯)，其值不會提交給服務器 |
| 選擇列表 |
%Attrs; %Focus; |
<select> (optgroup|option)+ </select> |
| name |
CDATA |
[*]字段名 |
| size |
正整數 |
["1|4"]同時顯示的項數，不設multiple時默認為1，反之為4 |
| multiple |
(multiple) |
[]允許多選，不設置則為單選 |
| disabled |
(disabled) |
[]禁用該控件(灰顯)，其值不會提交給服務器 |
| onchange |
js腳本 |
[]改變字段值事件 |
| 選項組 |
%Attrs; |
<optgroup> (option)+ </optgroup> |
| label |
簡介 |
[*]該組的標簽(名稱)，將會顯示在每組首部 |
| disabled |
(disabled) |
[]禁用該控件(灰顯)，其值不會提交給服務器 |
| 選項 |
%Attrs; |
<option> #PCDATA </option> |
| value |
CDATA |
[#PCDATA]條目的值，默認為元素包含的文本 |
| selected |
(selected) |
[]表示默認選中 |
| disabled |
(disabled) |
[]禁用該控件(灰顯)，其值不會提交給服務器 |
| 多行文本 |
%Attrs; %Focus; |
<textarea> #PCDATA </textarea> |
| name |
CDATA |
[*]字段名 |
| rows |
正整數 |
[*]輸入區域的行數 |
| cols |
正整數 |
[*]輸入區域的列數 |
| disabled |
(disabled) |
[]禁用該控件(灰顯)，其值不會提交給服務器 |
| readonly |
(readonly) |
[]其值不能被用戶修改，但是其值會提交給服務器 |
| onselect |
js腳本 |
[]選中事件 |
| onchange |
js腳本 |
[]改變字段值事件 |
表格元素
| 表格 |
%Attrs; |
<table> caption?, (col*|colgroup*), thead?, tfoot?, (tbody+|tr+) </table> |
| summary |
簡介 |
[]對表格內容的摘要描述 |
| 表格標題 |
%Attrs; |
<caption> %INLINE; </caption> |
| 列組 |
%Attrs; |
<colgroup> (col)* </colgroup> |
| span |
正整數 |
["1"]該組的列數(緊接上一個列組) |
| width |
混合長度 |
[]寬度 |
| align |
(left|center|right) |
[]水平對齊 |
| valign |
(top|middle|bottom|baseline) |
[]垂直對齊 |
| 列 |
%Attrs; |
<col ... /> |
| span |
正整數 |
["1"]影響的列數(緊接上一個列) |
| width |
混合長度 |
[]寬度 |
| align |
(left|center|right) |
[]水平對齊 |
| valign |
(top|middle|bottom|baseline) |
[]垂直對齊 |
| 補充說明 |
僅用于不含span屬性的<colgroup>元素中 |
| 表頭|表腳|表正文 |
%Attrs; |
<thead|tfoot|tbody> (tr)+ </thead|tfoot|tbody> |
| align |
(left|center|right) |
[]水平對齊 |
| valign |
(top|middle|bottom|baseline) |
[]垂直對齊 |
| 補充說明 |
必需保持 頭 -> 腳 -> 正文 的順序 |
| 表格行 |
%Attrs; |
<tr> (th|td)+ </tr> |
| align |
(left|center|right) |
[]水平對齊 |
| valign |
(top|middle|bottom|baseline) |
[]垂直對齊 |
| 表頭|數據單元格 |
%Attrs; |
<th|td> %Flow; </th|td> |
| abbr |
簡介 |
[]單元格內容縮寫 |
| axis |
CDATA |
[]一系列空格分割關鍵字列表，用于形成一個查詢，而單元格的內容就是查詢的結果 |
| scope |
(row|col|rowgroup|colgroup) |
[](僅<th>)關聯到<td>：所在行|所在列|行組|列組 |
| rowspan |
正整數 |
["1"]跨行數 |
| colspan |
正整數 |
["1"]跨列數 |
| nowrap |
(nowrap) |
[]禁止換行 |
| align |
(left|center|right) |
[]水平對齊 |
| valign |
(top|middle|bottom|baseline) |
[]垂直對齊 |
| height |
長度 |
[]高度 |
| width |
長度 |
[]寬度 |
posted on 2007-05-10 20:43
???MengChuChen 閱讀(325)
評論(0) 編輯 收藏 所屬分類:
JAVAEE