聲明位于文檔中的最前面的位置,處于 <html> 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
<!DOCTYPEhtml
PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
屬性 | 取值 | 描述 |
href | url | 連接目標(biāo)的url |
name | section_name | 命令一個(gè)錨。使用此屬性在文檔中創(chuàng)建某個(gè)書簽。在XHTML的未來版本中,name屬性會被id屬性取代 |
target | _blank _parent _self _top | 在何處打開目標(biāo) URL。 _blank:在一個(gè)新的未命名的窗口載入文檔 _self:在相同的框架或窗口中載入目標(biāo)文檔 _parent:把文檔載入父窗口或包含了超鏈接引用的框架的框架集 _top:把文檔載入包含該超鏈接的窗口,取代任何當(dāng)前正在窗口中顯示的框架 |
一個(gè)錨有兩種用法:
通過使用 href 屬性,創(chuàng)建一個(gè)到另外一個(gè)文檔的鏈接
通過使用 name 或 id 屬性,創(chuàng)建一個(gè)文檔內(nèi)部的書簽
(1)創(chuàng)建錨
<ahref="#C4">錨</a>
點(diǎn)擊上面的連接,會定位到
<aid="C4">Chapter 4</a>或者<a name="C4">Chapter4</a>的文件
(2)創(chuàng)建電子郵件
<aref="mailto:someone@microsoft.com?subject=Hello%20again">發(fā)送郵件</a>
表示一個(gè)縮寫形式,比如 "Inc."、"etc."。通過對縮寫詞語進(jìn)行標(biāo)記,您就能夠?yàn)闉g覽器、拼寫檢查程序、翻譯系統(tǒng)以及搜索引擎分度器提供有用的信息。
注釋:在某些瀏覽器中,當(dāng)您把鼠標(biāo)移至縮略詞語上時(shí),title 屬性可被用來展示表達(dá)的完整版本。
定義只取首字母縮寫,比如 "NATO"。通過對只取首字母縮寫進(jìn)行標(biāo)記,您就能夠?yàn)闉g覽器、拼寫檢查程序、翻譯系統(tǒng)以及搜索引擎分度器提供有用的信息。
定義一個(gè)地址(比如電子郵件地址)。您應(yīng)當(dāng)使用它來定義地址、簽名或者文檔的作者身份
定義圖像映射中的某個(gè)區(qū)域
屬性 | 取值 | 描述 | ||
coords | 坐標(biāo)值 | 定義可點(diǎn)擊區(qū)域的坐標(biāo) | ||
href | URL | 定義此區(qū)域的目標(biāo)URL | ||
|
| 從圖像映射排除某個(gè)區(qū)域。 | ||
shape | rect rectangle circ circle poly polygon | 定義區(qū)域的形狀 |
注:coords 屬性
<area> 標(biāo)簽的 coords 屬性定義了客戶端圖像映射中對鼠標(biāo)敏感的區(qū)域的坐標(biāo)。坐標(biāo)的數(shù)字及其含義取決于 shape 屬性中決定的區(qū)域形狀。可以將客戶端圖像映射中的超鏈接區(qū)域定義為矩形、圓形或多邊形等。
下面列出了每種形狀的適當(dāng)值:
圓形 :shape="circle",coords="x,y,z"
這里的 x 和 y 定義了圓心的位置("0,0" 是圖像左上角的坐標(biāo)),z 是以像素為單位的圓形半徑。
多邊形 :shape="polygon",coords="x1,y1,x2,y2,x3,y3,..."
每一對 "x,y" 坐標(biāo)都定義了多邊形的一個(gè)頂點(diǎn)("0,0" 是圖像左上角的坐標(biāo))。定義三角形至少需要三組坐標(biāo);高緯多邊形則需要更多數(shù)量的頂點(diǎn)。
多邊形會自動封閉,因此在列表的結(jié)尾不需要重復(fù)第一個(gè)坐標(biāo)來閉合整個(gè)區(qū)域。
矩形 :shape="rectangle",coords="x1,y1,x2,y2"
第一個(gè)坐標(biāo)是矩形的一個(gè)角的頂點(diǎn)坐標(biāo),另一對坐標(biāo)是對角的頂點(diǎn)坐標(biāo),"0,0"是圖像左上角的坐標(biāo)。請注意,定義矩形實(shí)際上是定義帶有四個(gè)頂點(diǎn)的多邊形的一種簡化方法。
例如
<map name="map">
<area shape="rect" coords="75,75,99,99"nohref="nohref">
<area shape="circ" coords="50,50,25"nohref="nohref">
</map>
注釋:如果某個(gè) area 標(biāo)簽中的坐標(biāo)和其他區(qū)域發(fā)生了重疊,會優(yōu)先采用最先出現(xiàn)的 area 標(biāo)簽。瀏覽器會忽略超過圖像邊界范圍之外的坐標(biāo)。
案例:
<img src="eg_planets.jpg" usemap= "#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap" >
<area
shape="circle"
coords="180,139,14"
href =" "
target ="_blank"
alt="Venus" />
</map>
注釋 :img 元素中的 "usemap" 屬性引用 map 元素中的 "id" 或 "name" 屬性(根據(jù)瀏覽器),所以我們同時(shí)向 map 元素添加了 "id" 和 "name" 屬性。
它們不被贊成使用,通過使用樣式表會取得更加多樣的效果。
<tt> 呈現(xiàn)類似打字機(jī)或者等寬的文本效果。
<i> 顯示斜體文本效果。
<b> 呈現(xiàn)粗體文本效果。
<big> 呈現(xiàn)大號字體效果。
<small> 呈現(xiàn)小號字體效果。
<sub> 標(biāo)簽可定義下標(biāo)文本
<sup> 可定義上標(biāo)文本
可規(guī)定頁面中所有鏈接的基準(zhǔn) URL。
通常情況下,瀏覽器會從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來填寫相對 URL 中的空白。
使用 <base> 標(biāo)簽可以改變這一點(diǎn)。瀏覽器隨后將不再使用當(dāng)前文檔的 URL,而使用指定的基本 URL 來解析所有的相對 URL。這其中包括 <a>、<img>、<link>、<form> 標(biāo)簽中的 URL。
屬性 | 取值 | 描述 |
href | URL | 規(guī)定頁面中所有鏈接的基準(zhǔn)URL |
traget | …… | …… |
注釋 :<base> 標(biāo)簽必須位于 head 元素內(nèi)部。
案例:
head中
<base target="_blank"href="img/">href可以是絕對的url或者相對的url
body中
<img src="520.jpg"/>
實(shí)際是這樣的代碼
<img src="./img/520.jpg"/>
可覆蓋默認(rèn)的文本方向。
屬性 | 取值 | 描述 |
dir | ltr rtl | 定義文件的方向 |
案例:逆序輸出
<bdo dir="rtl">Here issome Hebrew text</bdo>
可定義一個(gè)塊引用。<blockquote> 與 </blockquote> 之間的所有文本都會從常規(guī)文本中分離出來,經(jīng)常會在左、右兩邊進(jìn)行縮進(jìn),而且有時(shí)會使用斜體。
body中的alink(規(guī)定文檔中活動鏈接(activelink)的的顏色)、background(用作背景的圖像)、bgcolor(文檔的背景顏色)、link(文檔中所有鏈接的顏色)、text(文檔中所有文本的顏色)、vlink(文檔中所有被訪鏈接的顏色)這些屬性不推薦使用,推薦使用樣式表中的屬性。
caption 元素可定義一個(gè)表格標(biāo)題。caption 標(biāo)簽必須緊隨 table 標(biāo)簽之后。您只能對每個(gè)表格定義一個(gè)標(biāo)題。通常這個(gè)標(biāo)題會被居中于表格之上。
案例:
<table>
<caption>我的標(biāo)題</caption>
<tr>
<td>100</td>
</tr>
</table>
為表格中一個(gè)或多個(gè)列定義屬性值。您只能在表格或 colgroup 中使用此元素。
如果您希望在 colgroup 內(nèi)部為每個(gè)列規(guī)定不同的屬性值時(shí),請使用此元素。如果沒有 col 元素,列會從 colgroup 那里繼承所有的屬性值。
案例
<table border="1">
<colgroup span="3">
<col width="20"></col>
<col width="50"></col>
<col width="80"></col>
</colgroup>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
屬性 | 取值 | 描述 |
align | right left center justify char | 在列中定義單元格中內(nèi)容的水平排列方式 |
char | character | 規(guī)定根據(jù)那種字符來進(jìn)行文本對奇。僅當(dāng)align=char使用 |
span | number | 定義<col>應(yīng)當(dāng)橫跨的列數(shù) |
valign | top middle bottom | 在列中定義單元格中內(nèi)容的垂直排列方式 |
width |
| 定義列的寬度 |
創(chuàng)建一個(gè)有 5 列的<colgroup>。我們分別將第一列和最后一列靠左和靠右對齊,中間的三列居中。
<colgroup>
<col align="left" />
<col align="center" span="3" />
<col align="right" />
</colgroup>
標(biāo)簽定義了定義列表。
定義列表中的項(xiàng)目(即術(shù)語部分)。
可在定義列表中定義條目的定義部分。
案例
<dl>
<dt>Coffee</dt>
<dd>Black hot drink1</dd>
<dd>Black hot drink2</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
輸出:
Coffee
Blackhot drink1
Blackhot drink2
Milk
Whitecold drink
定義文檔中已被刪除的文本
來描述文檔中的更新和修正。
<fieldset> 標(biāo)簽將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。<fieldset> 標(biāo)簽沒有必需的或唯一的屬性。
當(dāng)一組表單元素放到 <fieldset> 標(biāo)簽內(nèi)時(shí),瀏覽器會以特殊方式來顯示它們,它們可能有特殊的邊界、3D 效果,或者甚至可創(chuàng)建一個(gè)子表單來處理這些元素
legend 元素可為 fieldset 定義一個(gè)標(biāo)題
案例
<fieldset>
<legend>健康信息:</legend>
<form>
<label>身高:<inputtype="text" /></label>
<label>體重:<inputtype="text" /></label>
</form>
</fieldset>
form 元素可為用戶輸入創(chuàng)建表單。
表單可包含文本域,復(fù)選框,單選按鈕等等。表單用于向指定的 URL 傳遞用戶數(shù)據(jù)。
屬性 | 取值 | 描述 |
action | URL | 當(dāng)確認(rèn)按鈕按下時(shí),接受和處理表單數(shù)據(jù)的url |
method
| get post | 用于向action URL傳遞數(shù)據(jù)的HTTP方法,默認(rèn)是get |
accept-charset | 字符集名稱列表 | 一個(gè)服務(wù)器可接受的字符集的列表(用逗號分隔) |
enctype | MIME類型 | 用來編碼表單內(nèi)容的MIME類型 |
name | 表單名稱 | 定義表單的唯一名稱 |
target |
| 在何處打開目標(biāo)URL |
發(fā)送郵件表單案例
<formaction="http:///someone@w3school.com.cn" method="post"enctype="text/plain">
<input type="text" name="name"value="yourname" size="20">
<input type="submit"value="發(fā)送">
<input type="reset"value="重置">
</form>
在 <frameset> 中定義一個(gè)框架
注釋 :如果您希望驗(yàn)證某個(gè)包含框架的頁面,請確保DTD 被設(shè)置為 "Frameset DTD"。閱讀更多有關(guān) XHTML 驗(yàn)證的內(nèi)容。
重要事項(xiàng) :您不能與<frameset></frameset> 標(biāo)簽一起使用 <body></body>標(biāo)簽。不過,如果您需要為不支持框架的瀏覽器添加一個(gè) <noframes> 標(biāo)簽,請務(wù)必將此標(biāo)簽放置在 <body></body> 標(biāo)簽中!
屬性 | 取值 | 描述 |
frameborder | 0 1 | 是否顯示框架周圍的邊框 |
longdesc | url | 此框架內(nèi)容的長的url,可為那些不支持框架的瀏覽器使用此屬性 |
marginheight | pixels | 定義框架中的頂部和底部的邊距 |
marginwidth | pixels | 定義框架中左側(cè)和右側(cè)邊距 |
name | frame_name | 為框架定義唯一的名稱(以便在腳本中使用) |
noresize | noresize | 用戶無法對框架調(diào)整尺寸 |
scrolling | yes no atuo | 確定滾動條的行為 |
src | url | 定義顯示框架中的文件的url |
案例:
水平框架
<frameset cols="35%,30%,35%"noresize="noresize" frameborder="0">
<frame src="a.html">
<frame src="b.html">
<frame src="c.html">
<noframes>
<body>您的瀏覽器無法處理框架!</body>
</noframes>
</frameset>
垂直框架
<framesetrows="35%,30%,35%" noresize="noresize"frameborder="0">
<frame src="a.html">
<frame src="b.html">
<frame src="c.html">
<noframes>
<body>您的瀏覽器無法處理框架!</body>
</noframes>
</frameset>
混合框架
<html>
<framesetrows="50%,50%">
<frame src="a.html">
<framesetcols="25%,75%">
<frame src="b.html">
<frame src="c.html">
</frameset>
</html>
導(dǎo)航框架
<html>
<frameset cols="120,*">
<frame src= "content.html" >
<frame src="a.html" name="showframe" >
</frameset>
</html>
content.html
<html>
<body>
< a href ="a.html" target ="showframe" >Framea</a><br />
<a href ="b.html" target ="showframe" >Frameb</a><br />
<a href ="c.html" target ="showframe" >Framec</a>
</body>
</html>
帶錨的框架
<frame src="link.html #C10 ">
可定義一個(gè)框架集。它被用來組織多個(gè)窗口(框架)。每個(gè)框架存有獨(dú)立的文檔。在其最簡單的應(yīng)用中,frameset 元素僅僅會規(guī)定在框架集中存在多少列或多少行。您必須使用 cols 或 rows 屬性
屬性 | 取值 | 描述 |
cols | pixels % * | 定義框架集中列的數(shù)目和尺寸 |
rows | pixels % * | 定義框架集中行的數(shù)目和尺寸 |
cols 和rows 作用和用法
<frameset> 標(biāo)簽有一個(gè)必需的屬性:要么是 rows,要么是 cols,這取決于您的選擇,它們定義了文檔窗口中框架或嵌套的框架集的行或列的大小及數(shù)目。
這兩個(gè)屬性都接受用引號括起來并用逗號分開的值列表,這些數(shù)值指定了框架的絕對(像素點(diǎn))或相對(百分比或其余空間)寬度(對列而言),或者絕對或相對高度(對行而言)。這些屬性值的數(shù)目決定了瀏覽器將會在文檔窗口中顯示多少行或列的框架。
與表格一樣,瀏覽器在顯示時(shí)會盡可能接近給定的框架集尺寸。但是,瀏覽器不會為了能夠容納下超出邊沿的框架集而擴(kuò)展文檔窗口的邊界,也不會在指定的框架沒有填滿整個(gè)窗口時(shí)用空白區(qū)域來填滿窗口。相反,瀏覽器會根據(jù)一個(gè)框架在行和列中相對于其他框架的大小來分配空間,這樣就能夠填滿整個(gè)文檔窗口了。(注意到一個(gè)主框架文檔中沒有滾動條了嗎?)
可包含關(guān)于文檔的信息。瀏覽器不會向用戶顯示這些頭部信息("headinformation")。下面這些標(biāo)簽可用在 head 部分:<base>, <link>, <meta>, <script>,<style>, 以及 <title>。
字符編碼:
<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />
描述:
<meta name="description" content="HTML examples">
關(guān)鍵字:
<meta name="keywords"content="HTML,DHTML, CSS">
重定向:5秒后
<meta http-equiv=" Refresh " content ="5;url=../index.htm"tppabs="http://www.w3school.com.cn/">
屬性 | 取值 | 描述 |
align | center left right | 規(guī)定水平線的排列 |
noshade | noshade | 設(shè)為TRUE:水平線呈現(xiàn)純色(2D效果) 設(shè)為FALSE:水平線呈現(xiàn)雙色凹槽(3D效果) |
size | pixels % | 水平線的厚度(高度) |
width | pixels % | 水平線的寬度 |
創(chuàng)建一個(gè)包含另外一個(gè)文檔的內(nèi)聯(lián)框架
比frameset多一個(gè)align屬性。
案例
<iframesrc="img/520.jpg" ></iframe>
如果您在 Firefox 中使用 alt 屬性,那么當(dāng)鼠標(biāo)懸浮在圖片或圖像地圖時(shí)不會像其他的瀏覽器那樣出現(xiàn)提示文本??梢詔itle屬性提示文本。
屬性 | 取值 | 描述 |
alt | text | 定義圖像的簡短描述 |
src | URL | 顯示圖像的url |
align | top bottom middle left right | 規(guī)定如何根據(jù)周圍的文本排列圖像 |
border | pixels | 圖像周圍的邊框 |
height | pixels % | 圖像的高度 |
hspace | pixels | 圖片左側(cè)和右側(cè)的空白 |
ismap | URL | 定義作為服務(wù)器端圖片映射的一幅圖像 |
longdesc | url | 包含長的圖像描述文檔的url |
usemap | url | 作為客戶端圖像映射的一幅圖像 |
vspace | pixels | 圖像頂部和底部的空白 |
width | pixels % | 圖像的寬度 |
<input>標(biāo)簽可定義輸入域的開始,在其中用戶可輸入數(shù)據(jù)。
屬性 | 取值 | 描述 |
type | button checkbox file hidden imgage password radio reset submit text |
指定input元素的類型,默認(rèn)是text |
name | fileld_name | 用于此input元素的唯一名稱 |
accept | list_of_mime_types | 一個(gè)逗號分割的MIME類型列表,指示文件傳輸?shù)腗IME類型。注釋:僅與type=”file”配合使用 |
align | left right top texttop middle baseline bottom absbottom |
定義圖像之后的文本的排列,僅與type=image配合使用 |
alt | text | 定義圖像的替代文本,僅與type=imgae配合使用 |
checked | checked | 此input元素首次加載時(shí)應(yīng)當(dāng)被選中。請于tpye=checkbox及type=radio配合使用 |
disabled | disabled | 當(dāng)input元素首次加載時(shí),禁用此元素這樣用戶就無法在其中寫文本,或選定它。 注釋:不能與 type="hidden" 一同使用。 |
maxlength | number | 定于在某個(gè)文本域中所允許的最大字符數(shù)。僅與type=text配合使用 |
readonly | readonly | 指示此域的值不能被修改,僅與type=text配合使用 |
size | number_of_char | 定義input元素的尺寸,不能與input=hidden一同使用 |
src | url | 定義顯示圖像的url,僅與type=image配合使用 |
value | value | 對于按鈕、重置按鈕和確認(rèn)按鈕:定義按鈕上的文本。 對于圖像按鈕:定義傳遞向某個(gè)腳本的此域的符號結(jié)果 對于復(fù)選框和單選按鈕:定義 input 元素被點(diǎn)擊時(shí)的結(jié)果。 對于隱藏域、密碼域以及文本域:定義元素的默認(rèn)值。 注釋:不能與 type="file" 一同使用。 注釋:與 type="checkbox" 和 type="radio" 一同使用時(shí),此元素是必需的。 |
向控件定義標(biāo)注(標(biāo)記)。如果您在 label 元素內(nèi)點(diǎn)擊文本,就會觸發(fā)此控件。就是說,當(dāng)用戶選擇該標(biāo)簽時(shí),瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
注釋 :"for" 屬性可把 label 綁定到另外一個(gè)元素。請把 "for" 屬性的值設(shè)置為相關(guān)元素的 id 屬性的值。
顯式:
<label for="SSN" >SocialSecurity Number:</label>
<inputtype="text" name="SocSecNum" id="SSn" />
隱式:
<label>Dateof Birth: <input type="text" name="DofB"/></label>
注釋:請使用樣式來定義列表的類型。
屬性 | 取值 | 描述 |
compact | compact_rendering | 不贊成使用,使用樣式表 |
start | start_on_number | 規(guī)定起始的數(shù)字 |
type | A a I i 1 | 規(guī)定列表的類型 |
<li>標(biāo)簽可用在有序列表(<ol>) 和無序列表 (<ul>) 中
注釋:請使用樣式來定義列表的類型。
屬性 | 取值 | 描述 |
type | A(ol) a(ol) I(ol) i(ol) disc(ul) square(ul) circle(ul) | 規(guī)定列表的類型 |
value | number_of_list_item |
|
案例
<h4>數(shù)字有序列表:</h4>
<oltype="A" start="6">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<h4>一個(gè)嵌套無序列表:</h4>
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>紅茶</li>
<li>綠茶
<ul>
<li>中國茶</li>
</ul>
</li>
</ul>
</li>
<li>牛奶</li>
</ul>
提供有關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。
<meta>標(biāo)簽位于文檔的頭部,不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。
注釋:<meta> 標(biāo)簽永遠(yuǎn)位于 head 元素內(nèi)部。
注釋:元數(shù)據(jù)總是以名稱/值的形式被成對傳遞的。
屬性 | 取值 | 描述 |
content | some_text | 定義與http_equiv或name屬性相關(guān)的元信息 |
http_equiv | content_type expires refresh set_cookie | 把content屬性關(guān)聯(lián)到hhtp頭部 |
name | author description keywords | 把content屬性關(guān)聯(lián)到一個(gè)名稱 |
scheme | some_text | 定義用于content屬性值的格式 |
name 屬性
name屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標(biāo)簽都沒有指定任何預(yù)先定義的 <meta> 名稱。通常情況下,您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。
"keywords"是一個(gè)經(jīng)常被用到的名稱。它為文檔定義了一組關(guān)鍵字。某些搜索引擎在遇到這些關(guān)鍵字時(shí),會用這些關(guān)鍵字對文檔進(jìn)行分類。
類似這樣的 meta 標(biāo)簽可能對于進(jìn)入搜索引擎的索引有幫助:
<metaname="keywords" content="HTML,ASP,PHP,SQL"
如果沒有提供 name 屬性,那么名稱/值對中的名稱會采用 http-equiv 屬性的值。
http-equiv 屬性
http-equiv屬性為名稱/值對提供了名稱。并指示服務(wù)器在發(fā)送實(shí)際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。
當(dāng)服務(wù)器向?yàn)g覽器發(fā)送文檔時(shí),會先發(fā)送許多名稱/值對。雖然有些服務(wù)器會發(fā)送許多這種名稱/值對,但是所有服務(wù)器都至少要發(fā)送一個(gè):content-type:text/html。這將告訴瀏覽器準(zhǔn)備接受一個(gè) HTML 文檔。
使用帶有 http-equiv 屬性的 <meta> 標(biāo)簽時(shí),服務(wù)器將把名稱/值對添加到發(fā)送給瀏覽器的內(nèi)容頭部。例如,添加:
<metahttp-equiv="charset" content="iso-8859-1">
<metahttp-equiv="expires" content="31 Dec 2008">
這樣發(fā)送到瀏覽器的頭部就應(yīng)該包含:
content-type:text/html
charset:iso-8859-1
expires:31Dec 2007
當(dāng)然,只有瀏覽器可以接受這些附加的頭部字段,并能以適當(dāng)?shù)姆绞绞褂盟鼈儠r(shí),這些字段才有意義。
content 屬性
content屬性提供了名稱/值對中的值。該值可以是任何有效的字符串。
content屬性始終要和name 屬性或 http-equiv 屬性一起使用。
scheme 屬性
scheme屬性用于指定要用來翻譯屬性值的方案。此方案應(yīng)該在由 <head> 標(biāo)簽的 profile 屬性指定的概況文件中進(jìn)行了定義
可為那些不支持框架的瀏覽器顯示文本。noframes 元素位于 frameset 元素內(nèi)部。
注釋:如果瀏覽器有能力處理框架,就不會顯示出 frameset 元素中的文本。
重要事項(xiàng):如果您希望 frameset 添加 <noframes> 標(biāo)簽,就必須報(bào)其中的文本包裝在 <body></body> 標(biāo)簽中!
定義一段諸如javascript的腳本
noscript元素用來定義在腳本未被執(zhí)行時(shí)的替代內(nèi)容(文本)。
此標(biāo)簽可被用于可識別 <script> 標(biāo)簽但無法支持其中的腳本的瀏覽器。
注釋:如果瀏覽器支持腳本,那么它不會顯示出 noscript 元素中的文本。
注釋:無法識別 <script> 標(biāo)簽的瀏覽器會把標(biāo)簽的內(nèi)容顯示到頁面上。為了避免瀏覽器這樣做,您應(yīng)當(dāng)在注釋標(biāo)簽中隱藏腳本。老式的(無法識別 <script> 標(biāo)簽的)瀏覽器會忽略注釋,這樣就不會把標(biāo)簽的內(nèi)容寫到頁面上,而新式的瀏覽器則懂得執(zhí)行這些腳本,即使它們被包圍在注釋標(biāo)簽中!
案例
<scripttype="text/javascript">
<!--
document.write("如果顯示了這段文字,那么您的瀏覽器支持JavaScript!")
//-->
</script>
<noscript>NoJavaScript support!</noscript>
定義個(gè)潛入對象??梢韵蝽撁嫣砑佣嗝襟w。
注釋:object 元素可位于在 head 元素或 body 元素內(nèi)部。<object> 與 </object> 之間的文本是替換文本,針對不支持此標(biāo)簽的瀏覽器。<param>標(biāo)簽可定義用于對象的 run-time 設(shè)置。
注釋:至于圖像,請使用 <img> 標(biāo)簽代替 <object> 標(biāo)簽
屬性 | 取值 | 描述 |
align | left right top bottom
| 定義圍繞該對象的文本對齊方式 |
archive | URL | 一個(gè)空格分隔的指向檔案文件的 URL 列表。這些檔案文件包含了與對象相關(guān)的資源。有關(guān) archive 屬性的詳細(xì)信息 |
border | pixels | 定義對象周圍的邊框 |
classid | class ID | 定義嵌入 Windows Registry 中或某個(gè) URL 中的類的 ID 值,此屬性可用來指定瀏覽器中包含的對象的位置,通常是一個(gè) Java 類。 有關(guān) classid 屬性的詳細(xì)信息 |
codebase | URL | 定義在何處可找到對象所需的代碼,提供一個(gè)基準(zhǔn) URL。 有關(guān) codebase 屬性的詳細(xì)信息。
|
codetype | MIME type | 通過 classid 屬性所引用的代碼的 MIME 類型。 有關(guān) codetype 屬性的詳細(xì)信息。
|
data | URL | 定義引用對象數(shù)據(jù)的 URL。如果有需要對象處理的數(shù)據(jù)文件,要用 data 屬性來指定這些數(shù)據(jù)文件。
|
declare | declare | 可定義此對象僅可被聲明,但不能被創(chuàng)建或例示,直到此對象得到應(yīng)用為止。
|
height | pixels | 定義對象的高度 |
hspace | pixels | 定義對象周圍水平方向的空白 |
name | unique_name | 為對象定義唯一的名稱(以便在腳本中使用) |
standby | text | 定義當(dāng)對象正在加載時(shí)所顯示的文本 |
type | MIME_type | 定義被規(guī)定在 data 屬性中指定的文件中出現(xiàn)的數(shù)據(jù)的 MIME 類型。 |
usemap | URL | 規(guī)定與對象一同使用的客戶端圖像映射的 URL |
vspace | pixels | 定義對象的垂直方向的空白 |
width | pixels | 定義對象的寬度 |
當(dāng)提交表單時(shí),瀏覽器會提交選定的項(xiàng)目,或者收集用逗號分隔的多個(gè)選項(xiàng),將其合成一個(gè)單獨(dú)的參數(shù)列表,并且在將 <select> 表單數(shù)據(jù)提交給服務(wù)器時(shí)包括 name 屬性。
屬性 | 值 | 描述 |
disabled | disabled | 當(dāng)設(shè)置此屬性時(shí),會禁用該菜單 |
multiple | multiple | 可以同時(shí)選定多個(gè)項(xiàng)目 |
name | unique_naem | 下拉列表的唯一描述符 |
size | number | 定義菜單中可見項(xiàng)目的數(shù)目 |
此元素允許您組合選項(xiàng)。當(dāng)您使用一個(gè)長的選項(xiàng)列表時(shí),對相關(guān)的選項(xiàng)進(jìn)行組合會使處理更加容易
屬性 | 取值 | 描述 |
label | text-lable | 定義選項(xiàng)組的標(biāo)記 |
disabled | disabled | 禁用此選項(xiàng)組 |
瀏覽器將 <option> 標(biāo)簽中的內(nèi)容作為 <select> 標(biāo)簽的菜單或是滾動列表中的一個(gè)元素顯示。
注釋:<option> 標(biāo)簽可以在不帶有任何屬性的情況下使用,但是您通常需要使用value 屬性,此屬性會指示出被送往服務(wù)器的內(nèi)容。
注釋:請與 select 元素配合使用此標(biāo)簽,否則這個(gè)標(biāo)簽是沒有意義的。
屬性 | 取值 | 描述 |
disabled | disabled | 首次加載時(shí)被禁用 |
lable | text | 定義當(dāng)使用optgroup時(shí)所使用的標(biāo)注 |
selected | selected | 在首次顯示在列表中時(shí)表現(xiàn)為選中狀態(tài) |
value | text | 送往服務(wù)器的選項(xiàng)值 |
案例:
<select>
<optgroup label="SwedishCars">
<option value ="volvo"selected="selected">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="GermanCars" disabled="disabled">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現(xiàn)為等寬字體。
<pre>標(biāo)簽的一個(gè)常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。
制表符(tab)在 <pre> 標(biāo)簽定義的塊當(dāng)中可以起到應(yīng)有的作用,每個(gè)制表符占據(jù) 8 個(gè)字符的位置。但是我們不推薦使用它,因?yàn)樵诓煌臑g覽器中,Tab 的實(shí)現(xiàn)各不相同。在用 <pre> 標(biāo)簽格式化的文檔段中使用空格,可以確保文本正確的水平位置。
<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素。
提示和注釋:
提示:請使用 <span> 來組合行內(nèi)元素,以便通過樣式來格式化它們。
注釋:span 沒有固定的格式表現(xiàn)。當(dāng)對它應(yīng)用樣式時(shí),它才會產(chǎn)生視覺上的變化。
如果不對 span 應(yīng)用樣式,那么 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此,上例中的 span 元素仍然為 p 元素增加了額外的結(jié)構(gòu)。
可以為 span 應(yīng)用 id 或 class 屬性,這樣既可以增加適當(dāng)?shù)恼Z義,又便于對 span 應(yīng)用樣式。
可以對同一個(gè) <span> 元素應(yīng)用 class 或 id 屬性,但是更常見的情況是只應(yīng)用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標(biāo)識單獨(dú)的唯一的元素。
在 <table> 標(biāo)簽內(nèi)部,你可以放置表格的標(biāo)題、表格行、表格列、表格單元以及其他的表格。
屬性 | 取值 | 描述 |
align | left right center | 排列表格,不贊成使用,使用樣式表取代 |
bgcolor | rgb | 規(guī)定表格的背景顏色,不贊成使用,使用樣式表 |
border | pixels | 規(guī)定表格邊框的寬度 可以通過border=‘0’來顯示無邊框的表格 |
cellpadding | pixels % | 規(guī)定單元邊沿與其內(nèi)容之間的空白 |
cellspacing | pixels % | 規(guī)定單元格之間的空白 |
frame | void,above,bellow, hsides,lhs,rhs, vsides,box,border | 規(guī)定表格周圍的那一側(cè)的邊框是可見,要與border配合使用 |
rules | none,groups,rows cols,all | 規(guī)定水平或垂直的分界線 必須要與border屬性配合使用 |
summary | text | 為語音合成/非視覺瀏覽器規(guī)定表格的摘要 |
width | pixels % | 規(guī)定表格的寬度 |
案例:
帶標(biāo)題的表格:
<tableborder="6">
<caption>我的標(biāo)題</caption>
<tr>
<td>100</td>
</tr>
<tr>
<td>400</td>
</tr>
</table>
跨列:colspan="2"
跨行:rowspan="2"
使用 <tbody> 標(biāo)簽,可以將表格分為一個(gè)單獨(dú)的部分。<tbody> 標(biāo)簽可將表格中的一行或幾行合成一組。
雖然您可能想包括一個(gè),甚至?xí)诒砀裰邪▋蓚€(gè)或更多個(gè) <tbody> 標(biāo)簽,但是我們建議最好在表格中沒有 <tbody> 標(biāo)簽。
在 <tbody> 標(biāo)簽中,只有 <tr> 標(biāo)簽可以定義表格行。并且一旦定義,一個(gè) <tbody> 標(biāo)簽就是表格中的一個(gè)獨(dú)立的部分。例如不能從一個(gè) <tbody> 跨越到另一個(gè) <tbody> 中。
thead、tfoot 以及 tbody 元素使您有能力對表格中的行進(jìn)行分組。當(dāng)您創(chuàng)建某個(gè)表格時(shí),您也許希望擁有一個(gè)標(biāo)題行,一些帶有數(shù)據(jù)的行,以及位于底部的一個(gè)總計(jì)行。這種劃分使瀏覽器有能力支持獨(dú)立于表格標(biāo)題和頁腳的表格正文滾動。當(dāng)長的表格被打印時(shí),表格的表頭和頁腳可被打印在包含表格數(shù)據(jù)的每張頁面上
屬性 | 值 | 描述 |
onchange | 腳本 | 當(dāng)元素改變時(shí)執(zhí)行 |
onsubmit | 腳本 | 當(dāng)表單被提交時(shí)執(zhí)行 |
onreset | 腳本 | 當(dāng)表單被重置時(shí)執(zhí)行 |
onselect | 腳本 | 當(dāng)元素被選取時(shí)執(zhí)行 |
onblur | 腳本 | 當(dāng)元素失去焦點(diǎn)執(zhí)行 |
onfocus | 腳本 | 當(dāng)元素獲得焦點(diǎn)執(zhí)行 |
屬性 | 值 | 描述 |
onkeydown | 腳本 | 當(dāng)鍵盤被按下時(shí)執(zhí)行 |
onkeypress | 腳本 | 當(dāng)鍵盤被按下后又松開時(shí)執(zhí)行 |
onkeyup | 腳本 | 當(dāng)鍵盤被松開時(shí)執(zhí)行腳本 |
3、鼠標(biāo)事件
屬性 | 值 | 描述 |
onclick | 腳本 | 當(dāng)鼠標(biāo)被單擊時(shí)執(zhí)行 |
ondblclick | 腳本 | 當(dāng)鼠標(biāo)被雙擊時(shí)執(zhí)行 |
onmousedown | 腳本 | 當(dāng)鼠標(biāo)按鈕被按下時(shí)執(zhí)行 |
onmousemove | 腳本 | 當(dāng)鼠標(biāo)指針移動時(shí)執(zhí)行腳本 |
onmouseout | 腳本 | 當(dāng)鼠標(biāo)指針移出某元素時(shí)執(zhí)行腳本 |
onmouseover | 腳本 | 當(dāng)鼠標(biāo)指針懸停于某元素之上時(shí)執(zhí)行腳本 |
onmouseup | 腳本 | 當(dāng)鼠標(biāo)按鈕被松開時(shí)執(zhí)行腳本 |
消息 | 描述 |
100 continue | 服務(wù)器僅接受到部分請求,但是一旦服務(wù)器并沒有拒絕該請求,客戶端應(yīng)繼續(xù)發(fā)送其余的請求 |
101 switching protocols | 服務(wù)器轉(zhuǎn)換協(xié)議:服務(wù)器將遵從客戶的請求轉(zhuǎn)換到另外一種協(xié)議 |
消息 | 描述 |
200 ok | 請求成功( 其后對GET和POST請求的應(yīng)答文檔 ) |
201 create | 請求被創(chuàng)建成功,同時(shí)新的資源被創(chuàng)建 |
202 accepted | 供處理的請求已被接受,但是處理未完成 |
203 non-authoritative information | 文檔已經(jīng)正常地返回,但一些應(yīng)答可能不正確,因?yàn)槭褂玫氖俏臋n的拷貝 |
204 no content | 新頁面,而servlet可以確定用戶文檔足夠新,這個(gè)狀態(tài)代碼是很有用的 |
205reset content | 沒有想新文檔,但瀏覽器應(yīng)該重置它所顯示的內(nèi)容,用來強(qiáng)制瀏覽器清除表單輸入內(nèi)容 |
206 partial content | 客戶發(fā)送一個(gè)帶有Range頭的get請求,服務(wù)器完成了它 |
消息 | 描述 |
300 multiple choices | 多重選擇,鏈接列表,用戶可以選擇某鏈接到達(dá)目的地。最多允許五個(gè)地址 |
301 moved permanently | 所請求的頁面已經(jīng)轉(zhuǎn)移 至新的url |
302 found | 所請求的頁面已經(jīng)臨時(shí)轉(zhuǎn)移至新的url |
303 see other | 所請求的頁面可在別的url下找到 |
304 not modified | 未按預(yù)期修改文檔,客戶端有緩沖的文檔并發(fā)出一個(gè)條件性的請求( 一般是提供if-modified-since頭表示客戶只想指定日期更新的文檔)。服務(wù)器告訴客戶,原來緩沖的文檔還可以繼續(xù)使用 |
消息: | 描述: |
400 Bad Request | 服務(wù)器未能理解請求。 |
401 Unauthorized | 被請求的頁面需要用戶名和密碼。 |
402 Payment Required | 此代碼尚無法使用。 |
403 Forbidden | 對被請求頁面的訪問被禁止。 |
404 Not Found | 服務(wù)器無法找到被請求的頁面。 |
405 Method Not Allowed | 請求中指定的方法不被允許。 |
406 Not Acceptable | 服務(wù)器生成的響應(yīng)無法被客戶端所接受。 |
408 Request Timeout | 請求超出了服務(wù)器的等待時(shí)間。 |
消息: | 描述: |
500 Internal Server Error | 請求未完成。服務(wù)器遇到不可預(yù)知的情況。 |
501 Not Implemented | 請求未完成。服務(wù)器不支持所請求的功能。 |
502 Bad Gateway | 請求未完成。服務(wù)器從上游服務(wù)器收到一個(gè)無效的響應(yīng)。 |
503 Service Unavailable | 請求未完成。服務(wù)器臨時(shí)過載或當(dāng)機(jī)。 |
504 Gateway Timeout | 網(wǎng)關(guān)超時(shí)。 |
505 HTTP Version Not Supported | 服務(wù)器不支持請求中指明的HTTP 協(xié)議版本。 |
聯(lián)系客服