舊文件

此處文件僅供參考,請自行考量時效性與適用程度,其他庫藏文件請參考文件頁面
我們亟需您的協助,進行共筆系統搬移、及文件整理工作,詳情請查閱參與我們

「HTML-Structure」修訂間的差異

出自 MozTW Wiki

一個基本的 html 文件結構
定義文件的類別
行 41: 行 41:
  
 
== 定義文件的類別 ==
 
== 定義文件的類別 ==
 +
*文件類別的宣告,代表了指明你所使用的 html 規格,最常用的文件類別有以下三種 DTD(Document Type Definition)。<strong>這是一份標準的 html 文件一定要放在開頭的。</strong>
 +
*Strict: 對於文件語法的要求較為嚴謹的規格。
 +
<pre>
 +
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 +
            "http://www.w3.org/TR/html4/strict.dtd">
 +
</pre>
 +
*Transitional: 這是比較鬆散的規格,對於語法的嚴謹度要求比較寬鬆。
 +
<pre>
 +
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 +
            "http://www.w3.org/TR/html4/loose.dtd">
 +
</pre>
 +
*Frameset: 這個規格是專門用在含有框架頁的網頁上。
 +
<pre>
 +
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
 +
            "http://www.w3.org/TR/html4/frameset.dtd">
 +
</pre>
  
 
== head ==
 
== head ==

於 2005年5月18日 (三) 22:33 的修訂

一個基本的 html 文件結構

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
(定義文件的類別)

<html>
<head>

    (head 標頭撰寫區)

</head>
<body>

    (body 本文撰寫區,這裡就是顯示網頁的主要內容)

</body>
</html>

範例:

(你可以將以下原始碼 copy 起來,另存成一個 example.html 檔案,然後用 Firefox 觀看)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title> hello world!!<title>
</head>
<body>
    hello world!!
</body>
</html>
  • 用< >包起來的文字,我們稱為 tag/element/標籤。結尾的部份一定要加上 "/",ex:</html>
  • 你可以注意到,html 的 tag 都是「成對的」,有頭就有尾,而文字內容就擺在中間。
  • 如果出現交錯的寫法,那是錯誤的寫法,這種語法會造成維護困難,也會使瀏覽器誤判,例如:
<tr><td></tr></td>
(有些網頁編輯器會生出這類的語法,請小心!)

定義文件的類別

  • 文件類別的宣告,代表了指明你所使用的 html 規格,最常用的文件類別有以下三種 DTD(Document Type Definition)。這是一份標準的 html 文件一定要放在開頭的。
  • Strict: 對於文件語法的要求較為嚴謹的規格。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
  • Transitional: 這是比較鬆散的規格,對於語法的嚴謹度要求比較寬鬆。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
  • Frameset: 這個規格是專門用在含有框架頁的網頁上。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
            "http://www.w3.org/TR/html4/frameset.dtd">

head

body

個人工具