【XHTML】文件元素
發表人:
藍淵
積分: 294
積分: 294
實務的功能上元素可分為:
指定範圍的元素
用來指定網頁版面中的各個區塊與範圍,用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中如要使用特殊字元也會有問題發生,這時就必須以字元語法來顯示,
半形空白
大於 >
小於 <
雙引號 "
AND符號 &
版權符號 ©
登錄商標 ®
商標 ™
否定符號 ¬
巨集 ¯
度符號 °
正負符號 ±
銳音符號 ´
微集 µ
段落符號 ¶
中黑點 ·
軟音符號 ¸
左引號 «
右引號 »
反問號 ¿
箭號 &(r/l/u/d/h)arr;右左上下雙
雙箭號 &(r/l/u/d/h)Arr;右左上下雙
§ §
指定範圍的元素
用來指定網頁版面中的各個區塊與範圍,用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中如要使用特殊字元也會有問題發生,這時就必須以字元語法來顯示,
半形空白
大於 >
小於 <
雙引號 "
AND符號 &
版權符號 ©
登錄商標 ®
商標 ™
否定符號 ¬
巨集 ¯
度符號 °
正負符號 ±
銳音符號 ´
微集 µ
段落符號 ¶
中黑點 ·
軟音符號 ¸
左引號 «
右引號 »
反問號 ¿
箭號 &(r/l/u/d/h)arr;右左上下雙
雙箭號 &(r/l/u/d/h)Arr;右左上下雙
§ §
發表人:
藍淵
積分: 294
積分: 294
僅是筆記,若有不足的地方請分享於我,謝謝:)
發表人:
Seachaos
積分: 2432
積分: 2432
這符號表很常用到XD
發表人:
藍淵
積分: 294
積分: 294
有時候直接打也不會有問題,不過還是儘量用符號吧?