「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
‧返回上一頁: HTML
