» 首頁 » 討論區 » PHP與網頁技術 »【XHTML】文件元素

【XHTML】文件元素

發表人: 藍淵
積分: 294
發表時間: 2010-08-11 17:33:22
實務的功能上元素可分為:

指定範圍的元素
用來指定網頁版面中的各個區塊與範圍,用id及class屬性來表是範圍的定義,命名規則為英文字母開頭在加上A-Z、a-z、0-9、.、-、_。
id為在頁面中只會出現一次的定義,class則是在頁面中會重覆出現的定義,通常配合CSS使用。
(區)區塊元素<div></div>,藍圖的主要元素
(行)行內元素<span></span>,用來做細部處理

整理文字的元素
(區)段落元素<p></p>,用來指定一整塊文章,通常無特定功能或具數行文字都會使用此元素
(區)標題元素<h1></h1>(具1~6),指定標題,基本上大標題為h1,中標題為h2,小標題為h3,h4~h6則視需要來用於更小的標題,要注意的是此元素具有層級關係(h1→h2...)。
(行)換行元素<br/>能在任意位置換行

表示文字意義的元素
(行)強調元素<em></em><strong></strong>,前者為斜體,後者為粗體,後者的強調性比前者強。

(行)線性元素<del></del><ins></ins>,前者為刪除線,後者為底線。

(區)頁腳元素<address></address>,用於著作權等頁腳資訊,會以斜體表示。

指定連結的元素
(行)連結元素<a></a>,可進行超連結及頁籤的製作,其中target屬素在XHTML無法使用。

指定清單的元素
(區)無序元素<ul><li></li></ul>,無順序的清單,用於材料。
(區)有序元素<ol><li></li></ol>,有順序的清單,用於步驟。
(區)定義元素<dl><dt>用語</<dt><dd>說明</dd></dl>,以用語和說明組成的清單,用於解釋。

表單相關的元素
(區)表單區塊元素<form></form>,任何的表單元素皆須置於此。
(行)input元素<input type="" />,輸入組件,類型以type屬性決定,單選元素與按鈕元素也列與此。
(行)文章元素<textarea cols="" rows=""></textarea>,輸入多行文字的組件,一定要用cols指定字數,用rows指定行數,但實際顯示會因環境而有誤差。
(行)複選元素<select><option></option></select>,option為欄位內容的項目。

表格的元素
(區)<table><tr><td></td><tr></table>,製作表格的元素,以<tr>表示列,<td>表示欄。

嵌入元素
(行)<img src="" alt="" />,嵌入影像時使用,src指定影像檔的URL,alt指定替代文字。
(行)<object />,除了影像外,如Java Applet、聲音、動畫(flash)等時使用,其中用途以嵌入flash為多數。

特殊字元
部分符號會與XHTML的語法產生衝突,如果直接使用的話,瀏覽器會將其當做標籤的一部分使用,
在URL中如要使用特殊字元也會有問題發生,這時就必須以字元語法來顯示,
半形空白 &nbsp;
大於   &gt;
小於   &lt;
雙引號  &quot;
AND符號  &amp;
版權符號 &copy;
登錄商標 &reg;
商標   &trade;
否定符號 &not;
巨集   &macr;
度符號  &deg;
正負符號 &plusmn;
銳音符號 &acute;
微集   &micro;
段落符號 &para;
中黑點  &middot;
軟音符號 &cedil;
左引號  &laquo;
右引號  &raquo;
反問號  &iquest;
箭號   &(r/l/u/d/h)arr;右左上下雙
雙箭號  &(r/l/u/d/h)Arr;右左上下雙
§     &sect;
發表人: 藍淵
積分: 294
發表時間: 2010-08-11 17:33:59
僅是筆記,若有不足的地方請分享於我,謝謝:)
發表人: Seachaos
積分: 2432
發表時間: 2010-08-12 01:05:51
這符號表很常用到XD
發表人: 藍淵
積分: 294
發表時間: 2010-08-12 11:53:39
有時候直接打也不會有問題,不過還是儘量用符號吧?