過渡型XHTML文檔頭與文檔結(jié)構(gòu)
<!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>
通用字符實體
實體 |
含義 |
" |
" |
& |
& |
< |
< |
> |
> |
屬性值的數(shù)據(jù)類型
[注意]所有屬性值編碼后的長度都不能超過1024字節(jié)。
[釋疑] 一段被 <![CDATA[ 和 ]]>括起來的CDATA節(jié)表示一段不被解析的字符數(shù)據(jù),其中可以直接使用 " & < > 字符。
CDATA節(jié)只能出現(xiàn)在元素的內(nèi)容中,它與屬性聲明中的CDATA數(shù)據(jù)類型并無任何關(guān)系。
屬性值的基本類型
數(shù)據(jù)類型 |
解釋 |
ID |
整個文檔范圍內(nèi)的唯一標識符 |
IDREF |
在文檔其他位置已定義的ID類型的值 |
IDREFS |
空格分割的已定義的ID類型的值列表 |
NMTOKEN |
面向處理程序的XML名稱(記號) |
CDATA |
字符數(shù)據(jù),必須對 & < 和 " 使用實體,多個空白符等價于單個空格。 |
NMTOKEN的派生類型
數(shù)據(jù)類型 |
解釋 |
語言代碼 |
比如:"zh" "zh-CN" "zh-TW" "en-US" |
框架名 |
預定義名稱:"_blank"(新窗口) "_self"(自身) "_parent"(父窗口) "_top"(頂層窗口) ;自定義的名稱不能以下劃線開頭。 |
CDATA的派生類型
數(shù)據(jù)類型 |
解釋 |
MIME類型 |
比如:"text/css" "image/gif" "application/rss+xml" |
MIME列表 |
逗號分隔的MIME類型列表。比如:"text/*" "image/*,*/*" |
設備列表 |
逗號分隔的設備類型列表。比如:"all"(所有) "screen"(屏幕) "print"(打印機) |
字符編碼 |
比如:"gb2312" "utf-8" |
關(guān)系列表 |
空格分隔的連接關(guān)系列表。比如:"Shortcut Icon"(圖標,僅用于link) "Next"(下一個) "Prev"(上一個) "Parent"(上一級) "Start"(起點) "Contents Index"(目錄 索引) "Alternate"(可替代文檔) "Chapter"(章) "Section"(節(jié)) "Subsection"(子節(jié)) "Copyright"(版權(quán)) "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公司主頁");" |
簡介 |
對元素內(nèi)容的摘要介紹。比如:"XX公司簡介" |
唯一字母 |
整個文檔范圍內(nèi)的唯一小寫字母。比如:"a" |
正整數(shù) |
一個大于零的正整數(shù)。比如:"1" |
像素 |
以像素為單位的長度。比如:"2" "523" "0" |
長度 |
"nn"表示像素長度,"nn%"表示百分比長度(相對于包含塊的高度或?qū)挾?。比如:"3" "30%" |
混合長度 |
"nn"表示像素長度,"nn%"表示百分比長度,"n*"表示剩余空間內(nèi)的相對長度。比如:"3*" "*" "5*" |
坐標序列 |
逗號分隔的坐標序列。規(guī)則:矩形[x1,y1,x2,y2],圓[x,y,r],多邊形[x1,y1,x2,y3,x3,y3,...,xn,yn] |
通用屬性組
方框含義
模式 |
解釋 |
[] |
無默認值的可選屬性 |
["???"] |
有默認值的可選屬性 |
[*] |
無默認值的必需屬性 |
[定值"???"] |
值固定的必需屬性 |
%Core;(核心)
屬性名 |
數(shù)據(jù)類型 |
解釋 |
id |
ID |
[]為元素定義一個唯一引用名,以供 超連接、樣式表、小程序、其他元素 等引用。 |
class |
CDATA |
[]指定元素內(nèi)容的樣式類。其值為用空格分隔的樣式類名稱列表。 |
title |
簡介 |
[]為元素指定一個標題。鼠標停留時會顯示其內(nèi)容,常作為熱點幫助。 |
%Lang;(語言)
屬性名 |
數(shù)據(jù)類型 |
解釋 |
xml:lang |
語言代碼 |
[]指定元素內(nèi)容的語言。 |
%Event;(事件)
屬性名 |
數(shù)據(jù)類型 |
解釋 |
onclick |
js腳本 |
[]單擊事件 |
ondblclick |
js腳本 |
[]雙擊事件 |
onmousedown |
js腳本 |
[]按下左鍵事件 |
onmouseup |
js腳本 |
[]釋放左鍵事件 |
onmouseover |
js腳本 |
[]進入元素區(qū)域事件 |
onmousemove |
js腳本 |
[]在元素內(nèi)移動事件 |
onmouseout |
js腳本 |
[]離開元素區(qū)域事件 |
%Focus;(焦點)
屬性名 |
數(shù)據(jù)類型 |
解釋 |
accesskey |
唯一字母 |
[]定義選中該元素的快捷鍵(Alt+字母) |
tabindex |
正整數(shù) |
[]使用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" 表示文本數(shù)據(jù),必須對其中的 & 和 < 字符使用實體。
文檔結(jié)構(gòu)與頭部元素
界定文檔 |
%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"(關(guān)鍵字列表) "description"(網(wǎng)頁描述) "author"(作者) "Copyright"(版權(quán)信息) "revisit"(重訪) "robots"(機器人指令) "abstract"(摘要) "classification"(分類) "page-topic"(網(wǎng)頁主題) "placename"(地名) |
文檔關(guān)系 |
%Attrs; |
<link ... /> |
href |
URL |
[*]目標文檔 |
rel |
關(guān)系列表 |
[*]從源文檔到目標文檔的關(guān)系 |
rev |
關(guān)系列表 |
[]從目標文檔到源文檔的關(guān)系 |
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代碼,從而可推遲腳本的執(zhí)行 |
文檔體 |
%Attrs; |
<body> %BLOCK; </body> |
onload |
js腳本 |
[]文檔被完全載入完畢時的事件 |
onunload |
js腳本 |
[]文檔被卸載前的事件 |
結(jié)構(gòu)元素
標題 |
%Attrs; |
<h1|h2|h3|h4|h5|h6> %INLINE; </h1|h2|h3|h4|h5|h6> |
水平分割線 |
%Attrs; |
<hr ... /> |
noshade |
(noshade) |
[]不顯示陰影 |
通用結(jié)構(gòu)容器 |
%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 |
關(guān)系列表 |
[]從源文檔到目標文檔的關(guān)系 |
rev |
關(guān)系列表 |
[]從目標文檔到源文檔的關(guān)系 |
target |
框架名 |
[base.target]目標框架或窗口名稱 |
補充說明 |
一般放在多個元素的最內(nèi)層 |
列表元素
有序|無序列表 |
%Attrs; |
<ol|ul> (li)+ </ol|ul> |
compact |
(compact) |
[]緊湊顯示 |
列表項 |
%Attrs; |
<li> %Flow; </li> |
定義列表 |
%Attrs; |
<dl> (dt,dd*)+ </dl> |
compact |
(compact) |
[]緊湊顯示 |
術(shù)語 |
%Attrs; |
<dt> %INLINE; </dt> |
解釋 |
%Attrs; |
<dd> %Flow; </dd> |
文本元素
內(nèi)聯(lián)樣式容器 |
%Attrs; |
<span> %INLINE; </span> |
地址 |
%Attrs; |
<address> %INLINE; </address> |
預格式化文本 |
%Attrs; |
<pre> (%INLINE; - "img|object") </pre> |
大塊引用 |
%Attrs; |
<blockquote> %BLOCK; </blockquote> |
cite |
URL |
[]引用內(nèi)容的來源 |
長|短內(nèi)聯(lián)引用 |
%Attrs; |
<cite|q> %INLINE; </cite|q> |
一般|重點強調(diào) |
%Attrs; |
<em|strong> %INLINE; </em|strong> |
首用術(shù)語 |
%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 |
簡介 |
[*]圖像替代文本,鼠標停留時會顯示其內(nèi)容 |
longdesc |
URL |
[]對圖像進行詳細描述的頁面 |
height |
長度 |
[]高度 |
width |
長度 |
[]寬度 |
usemap |
URL |
[]客戶端圖像映射,其值為期望的<map>元素的name屬性值。 |
ismap |
(ismap) |
[]服務端圖像映射(位于<a>中),將單擊處x,y坐標發(fā)給<a>的href屬性指定的處理程序。 |
客戶端圖像映射 |
%Attrs; |
<map> area+ </map> |
id |
ID |
[*]此處id為必需屬性 |
name |
NMTOKEN |
[*]用來被usemap屬性引用的唯一標識符 |
圖像映射區(qū)域 |
%Attrs; %Focus; |
<area ... /> |
shape |
(rect|circle|poly) |
["rect"]區(qū)域形狀(矩形|圓|多邊形) |
coords |
坐標序列 |
[]矩形:"x1,y1,x2,y2" 圓:"x,y,R" 多邊形:"x1,y1,x2,y2,x3,y3,..." |
href |
URL |
[]該區(qū)域?qū)腢RL |
nohref |
(nohref) |
[]表明沒有文檔與這個區(qū)域有關(guān),單擊此區(qū)域沒有任何效果。 |
alt |
簡介 |
[*]對該區(qū)域的簡短描述,鼠標停留時會顯示其內(nèi)容 |
target |
框架名 |
[base.target]目標框架或窗口名稱 |
內(nèi)聯(lián)框架 |
%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 |
[]需要被對象處理的數(shù)據(jù) |
type |
MIME類型 |
[]被處理的數(shù)據(jù)的MIME類型 |
codetype |
MIME類型 |
[]源代碼的MIME類型 |
archive |
URL列表 |
[]對象所使用的資源的URL列表 |
standby |
簡介 |
[]對象下載完畢前顯示的消息 |
height |
長度 |
[]高度 |
width |
長度 |
[]寬度 |
usemap |
URL |
[]與對象一起使用的圖像映射 |
name |
NMTOKEN |
[]定義對象的名字 |
tabindex |
正整數(shù) |
[]使用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> |
對象參數(shù) |
|
<param ... /> |
name |
CDATA |
[*]參數(shù)名 |
value |
CDATA |
[*]參數(shù)值 |
valuetype |
(data|ref|object) |
["data"]參數(shù)值的數(shù)據(jù)類型(數(shù)據(jù)|引用|對象) |
type |
MIME類型 |
[]參數(shù)的MIME類型 |
表單元素
表單 |
%Attrs; |
<form> (%block; | script)* </form> |
action |
URL |
[*]接收表單數(shù)據(jù)的程序 |
method |
(get|post) |
["get"]提交數(shù)據(jù)的方法,get能傳遞的數(shù)據(jù)長度(編碼后)不超過1024字符且不能上傳文件,post無此限制。 |
enctype |
MIME類型 |
["application/x-www-form-urlencoded"]另一值"multipart/form-data"僅在上傳文件時使用,且此時必須用post方法。 |
onsubmit |
js腳本 |
[]提交數(shù)據(jù)前執(zhí)行的js腳本 |
onreset |
js腳本 |
[]重置數(shù)據(jù)前執(zhí)行的js腳本 |
target |
框架名 |
[base.target]將表單結(jié)果重定向到目標框架或窗口名稱 |
字段組 |
%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 |
正整數(shù) |
[]控件長度(按字符數(shù)計算) |
maxlength |
正整數(shù) |
[]允許輸入的最大字符數(shù) |
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 |
正整數(shù) |
[]控件長度(按字符數(shù)計算) |
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 坐標發(fā)送給服務器 |
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 |
正整數(shù) |
["1|4"]同時顯示的項數(shù),不設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 |
正整數(shù) |
[*]輸入?yún)^(qū)域的行數(shù) |
cols |
正整數(shù) |
[*]輸入?yún)^(qū)域的列數(shù) |
disabled |
(disabled) |
[]禁用該控件(灰顯),其值不會提交給服務器 |
readonly |
(readonly) |
[]其值不能被用戶修改,但是其值會提交給服務器 |
onselect |
js腳本 |
[]選中事件 |
onchange |
js腳本 |
[]改變字段值事件 |
表格元素
表格 |
%Attrs; |
<table> caption?, (col*|colgroup*), thead?, tfoot?, (tbody+|tr+) </table> |
summary |
簡介 |
[]對表格內(nèi)容的摘要描述 |
表格標題 |
%Attrs; |
<caption> %INLINE; </caption> |
列組 |
%Attrs; |
<colgroup> (col)* </colgroup> |
span |
正整數(shù) |
["1"]該組的列數(shù)(緊接上一個列組) |
width |
混合長度 |
[]寬度 |
align |
(left|center|right) |
[]水平對齊 |
valign |
(top|middle|bottom|baseline) |
[]垂直對齊 |
列 |
%Attrs; |
<col ... /> |
span |
正整數(shù) |
["1"]影響的列數(shù)(緊接上一個列) |
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) |
[]垂直對齊 |
表頭|數(shù)據(jù)單元格 |
%Attrs; |
<th|td> %Flow; </th|td> |
abbr |
簡介 |
[]單元格內(nèi)容縮寫 |
axis |
CDATA |
[]一系列空格分割關(guān)鍵字列表,用于形成一個查詢,而單元格的內(nèi)容就是查詢的結(jié)果 |
scope |
(row|col|rowgroup|colgroup) |
[](僅<th>)關(guān)聯(lián)到<td>:所在行|所在列|行組|列組 |
rowspan |
正整數(shù) |
["1"]跨行數(shù) |
colspan |
正整數(shù) |
["1"]跨列數(shù) |
nowrap |
(nowrap) |
[]禁止換行 |
align |
(left|center|right) |
[]水平對齊 |
valign |
(top|middle|bottom|baseline) |
[]垂直對齊 |
height |
長度 |
[]高度 |
width |
長度 |
[]寬度 |
posted on 2007-05-10 20:43
???MengChuChen 閱讀(323)
評論(0) 編輯 收藏 所屬分類:
JAVAEE