HTML 4.0 規範(不含Tag詳細定義)

HTML 4.0 改善項目:

  1. 讓文件有更好的的結構與呈現方式,並且鼓勵用CSS來取代HTML原本的顯示元素跟屬性
  2. 改善表單的設計,提供快速鍵功能以及有意義的群組化元件與標籤
  3. 可以針對一些Object進行文字標記
  4. 新的圖片地圖機制,允許該標記整合文字與圖示
  5. 圖片的備用文字說明將適用於IMG/AREA兩元素
  6. 所有元素皆支援TITLE/LANG兩個屬性
  7. 新增ABBR/ACRONYM兩個元素
  8. 媒體支援度更廣泛(無障礙,etc)
  9. 表格功能擴充,允許標頭、欄位群組、非顯示用輸出
  10. 針對Tables/Images/Frames有更多的描述

URI是識別Web上的資源(文件、圖片、影片、程式等)的編碼規則,其定義內容包含:

1. 存取方法(HTTP/FTP/MAILTO)
2. 對象主機
3. 資源路徑

組成結果:http://www.w3.org/TR/REC-html40/,這表示:

1. 存取方法為HTTP
2. 對象主機為www.w3.org
3. 資源路徑為/TR/REC-html40/

URI也允許於HTML頁面上,指向同一個頁面上之指定位置

1. 相對路徑方式指向特定名稱(#section_2)
2. 絕對路徑方式指向特定名稱(http://somesite.com/html/top.html#section_2)

相對路徑的定義方式:

1. 頁面:http://www.acme.com/support/intro.html
2.  內含超連結:<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考量範圍:

  1. 文件結構與呈現分離,允許利用外部定義的方式(Style Sheet檔案)來修飾原本的Html元素的外觀。
  2. 多種瀏覽方式(語音瀏覽器、盲人閱讀器等)的支援
  3. 提升表格的呈現速度

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: &#229; &#1048;
16進制: &#xHHHH; ex: &#xE5; &#Xe5; &#x6C34;
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的標準結構

  1.  第一行包含HTML版本資訊
  2.  定義標頭<HEAD>資訊
  3.  定義文件內文,由<BODY>或者<FRAMESET>二選一來定義
  4.  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">

沒有留言:

橫式廣告