HTML-Structure
出自 MozTW Wiki
一個基本的 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
‧返回上一頁: HTML