2012年11月22日 星期四

Html基本說明(01)-html各項版本編寫差異


Html 有許多的格式,但基本的使用和目前常用的,也就那幾種,看各位想要哪一種,就選用那一種方式編寫,以下就介紹一些抬頭宣告的說明,這是基本的規格,各位可將之存成單一文檔,就可在新增網頁的時候,就不用再打一次了,多打多錯!

XHTML格式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
<title>魚與橙的結合</title>
</head>

<body>
</body>
</html> 
Html 4.01 格式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8">
<title>魚與橙的結合</title>
</head>

<body>
</body>
</html>
 HTML 5 格式
<!doctype html>
<html>
<head>
<metacharset="utf-8">
<title>魚與橙的結合</title>
</head>

<body>
</body>
</html>
以上,可選擇其一複制,當作每個網頁的開頭,其差別在於抬頭的宣告,其實也是告訴瀏覽器說,你的文件是那一種文件檔案。
XHML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML5
<!doctype html> 
特別把他標示出,這些宣告是必須要寫的,如果不寫,瀏覽器會認定為這個網頁是很早很早以前設計的,而進入一種模式叫怪異模式,也就是說瀏覽器將會誤認你的網頁,就會發生,圖片和文字混亂的狀況!各位只要確定你要哪種寫法寫,你就把以上的文字做成固定文檔,要的時候再取出另存一個檔,就不會有問題了!
不過要注意的是,每個寫法內容都是一樣的,只是在寫的時候,XTML 和 HTML5 是比較嚴謹一點,必須在每個文檔皆有結束的標籤,HTML 4 就相對鬆散一點,其中的差異不大,但是要注意就是了。

沒有留言:

張貼留言