【重要】網頁最上方的宣告
原本是要先寫一篇CSS的Hack,都後來又被這篇給打入冷宮,
因為只要加入了宣告,所有的CSS效果在各個瀏覽器都有不同的改變,
因此我沒辦法針對每種宣告去說明,各種的Hack要如何設定,只能說我這邊DOCTYPE固定使用的是XHTML 1.0的Transitional模式的宣告,如果有遇到問題,在一起討論分享。
DOCTYPE文件類型定義有很多種,除了用來識別html/xhtml版本之外,同時也告訴瀏覽器該以哪一種模式來顯示網頁,這段宣告一定不可缺少,而且一定要寫在文件的最頂部。我們統一使用符合標準模式的DOCTYPE宣告,這樣即可以解決大部份跨瀏覽器的呈現問題,例如著名的Box Model相容問題。
因為只要加入了宣告,所有的CSS效果在各個瀏覽器都有不同的改變,
因此我沒辦法針對每種宣告去說明,各種的Hack要如何設定,只能說我這邊DOCTYPE固定使用的是XHTML 1.0的Transitional模式的宣告,如果有遇到問題,在一起討論分享。
DOCTYPE文件類型定義有很多種,除了用來識別html/xhtml版本之外,同時也告訴瀏覽器該以哪一種模式來顯示網頁,這段宣告一定不可缺少,而且一定要寫在文件的最頂部。我們統一使用符合標準模式的DOCTYPE宣告,這樣即可以解決大部份跨瀏覽器的呈現問題,例如著名的Box Model相容問題。
HTML 4.01
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:frame網頁使用的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0
Strict:嚴格定義,過時的語法都禁止使用。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/2002/08/xhtml/xhtml1-strict.dtd">
Transitional:寬鬆定義,允許部份即將過時的語法。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Frameset:frame網頁使用的。
<!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
HTML 5
<!DOCTYPE html>
沒有留言