HTML 4.0 改善項目:
- 讓文件有更好的的結構與呈現方式,並且鼓勵用CSS來取代HTML原本的顯示元素跟屬性
- 改善表單的設計,提供快速鍵功能以及有意義的群組化元件與標籤
- 可以針對一些Object進行文字標記
- 新的圖片地圖機制,允許該標記整合文字與圖示
- 圖片的備用文字說明將適用於IMG/AREA兩元素
- 所有元素皆支援TITLE/LANG兩個屬性
- 新增ABBR/ACRONYM兩個元素
- 媒體支援度更廣泛(無障礙,etc)
- 表格功能擴充,允許標頭、欄位群組、非顯示用輸出
- 針對Tables/Images/Frames有更多的描述
URI是識別Web上的資源(文件、圖片、影片、程式等)的編碼規則,其定義內容包含:
1. 存取方法(HTTP/FTP/MAILTO)2. 對象主機
3. 資源路徑
1. 存取方法為HTTP組成結果:http://www.w3.org/TR/REC-html40/,這表示:
2. 對象主機為www.w3.org
3. 資源路徑為/TR/REC-html40/
URI也允許於HTML頁面上,指向同一個頁面上之指定位置
1. 相對路徑方式指向特定名稱(#section_2)
2. 絕對路徑方式指向特定名稱(http://somesite.com/html/top.html#section_2)
2. 絕對路徑方式指向特定名稱(http://somesite.com/html/top.html#section_2)
相對路徑的定義方式:
1. 頁面:http://www.acme.com/support/intro.html2. 內含超連結:<A href="suppliers.html">Suppliers</A>
3. 表示連結到:http://www.acme.com/support/suppliers.html
4. 內含超連結:<IMG src="../icons/logo.gif" alt="logo">
5. 表示連結到:http://www.acme.com/icons/logo.gif
在HTML內,URI適用於下列標記:
{A/LINK/SCRIPT/IMG/OBJECT/APPLET/INPUT/MAP/AREA/FORM/IFRAME/FRAME/Q/BLOCKQUOTE/INS/DEL/HEAD}
HTML 4.0 Spec考量範圍:
- 文件結構與呈現分離,允許利用外部定義的方式(Style Sheet檔案)來修飾原本的Html元素的外觀。
- 多種瀏覽方式(語音瀏覽器、盲人閱讀器等)的支援
- 提升表格的呈現速度
HTML Document example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <HTML> <HEAD> <TITLE>My first HTML document</TITLE> </HEAD> <BODY> <P>Hello world! </BODY> </HTML>
HTML結構由四種組成:
- Element - 負責定義呈現結構或預期的行為(段落、超連結、列表、表格、圖片等)
- Attribute - Element的Property稱為Attribute,負責修飾Element
- Character references -
10進制: &#DDDD; ex: å И
16進制: &#xHHHH; ex: å å 水
ASCII編碼方式: http://www.w3schools.com/tags/ref_ascii.asp
ISO 8859-1編碼方式: http://www.w3schools.com/tags/ref_entities.asp
符號編碼:http://www.w3schools.com/tags/ref_symbols.asp
- Comments - <!-- 註解 -->
ContentType定義在RFC2045(p.328)/2046(p.328),使用可以參考06.ContentType
HTTP Request header內Accept-Charset表示編碼方式,當HTML的UTF-16是Big-Endian編碼
特別定義編碼方式: Content-Type: text/html; charset=EUC-JP
用Meta定義的方式:<META http-equiv="Content-Type" content="text/html; charset=EUC-JP">
顏色編碼:#RRGGBB
長度單位: pixels(20px) percent(50%) multilength(10* 等比例)
Link:描述外部資源類型,(Alternate/Stylesheet/Start/Next/Prev/Contents/Index/Glossary/Copyright/Chapter/Section/Subsection/Appendix/Help/Bookmark)
Media:針對顯示裝置的媒體類型進行區隔定義 (all/projection/tv/screen/tty/handheld/print/braille/aural)
frame target: _blank/_self/_parent/_top
HTML 4.0的標準結構
- 第一行包含HTML版本資訊
- 定義標頭<HEAD>資訊
- 定義文件內文,由<BODY>或者<FRAMESET>二選一來定義
- 2,3項必須置放於<HTML>元素內
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <HTML> <HEAD> <TITLE>My first HTML document</TITLE> </HEAD> <BODY> <P>Hello world! </BODY> </HTML>
HTML 4.0版本規範:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN" "http://www.w3.org/TR/REC-html40/frameset.dtd">
沒有留言:
張貼留言