【XHTML】基本結構
發表人：
藍淵
積分： 294
積分： 294
一個XHTML網頁由以下各部分依序組成
XML宣告
明確表示文件是XML文件的字串，文件所使用的字集也是在此指定，省略的話預設值為版本1.0，字集為UTF-8
<?xml version="1.0" encoding="UTF-8"?>
若文件改成php等語言此處的宣告即改變
文件宣告
用來表示XHTML所依循的記述規則之版本，瀏覽器會依照這所指定的版本來進行演算，所以一定要寫上正確的值，
另外，指定的URL中的DTD為Document Type Definition(文件類型定義)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
(詳見版本)
HTML元素
表示該文件是XHTML的標籤，其中html元素為最頂層元素，
其子元素有head元素及body元素，一個HTML樹狀結構必須至少要一組才行
head元素<head></head>
記述網頁之基本資訊，並不顯示於瀏覽器上，需位於body元素之上，
指定外部的JavaScript或是CSS時也是在此指定參照目標的連結。
title元素
head中的唯一元素，另外也是SEO功能時的重要元素
<title>網頁標題</title>
meta元素
記述該網頁的相關基本資料(元資訊)
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="網站描述" />內容
<meta name="keywords" content="關鍵字1,關鍵字2,關建字3" />關鍵字
<meta name="author" content="ooo股份有限公司" />作者
<meta name="copyright" content="版權宣告" />版權
name為附加資訊類型的指定，http-equiv為MIME類型的指定並一起指定字集，content為指定的具體內容，詳見如上
link元素
對該網頁來說，其它的檔案有什麼樣的功能，
這裡可以指定CSS、RSS、目錄、說明頁、以其它語言所製的網頁等檔案。
<link rel="stylesheet" type="text/css" href="css/import.css" media="screen,porjection,tv" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="feed.rdf" />
<link rel="contents" href="index.html" title="首頁" />
<link rel="help" href="guide/help.html" title="說明" />
<link rel="alternate" type="text/html" href="index-en.html" hreflang="en" />
rel="指定的來源之種類"
alternate(替代文件)
appendix(附錄)
contents(目錄)
copyright(著作權聲明)
help(說明)
index(索引)
next(下一份文件)
prev(上一份文件)
stylesheet(CSS樣式表)
type="指定的來源之MIME類型"
text/plain(文字檔案)
text/html(HTML檔案)
text/css(CSS檔案)
text/xml(XML檔案)
text/javascript(JavaScript檔案)
application/xhtml+xml(XHTML檔案)
application/x-shackwave-flash(Flash檔案)
image/jpeg(JPEG檔案)
image/gif(GIF檔案)
image/png(PNG檔案)
video/mpeg(MPEG檔案)
video/x-msvideo(AVI檔案)
application/pdf(PDF檔案)
application/atom+xml(ATOM檔案)
application/rss+xml(RSS檔案)
application/java(JAVA Applet檔案)
audio/midi(MIDI檔案)
href="指定rel所指定之來源的URL"
charset="指定連結目標的來源之字集"
hreflang="指定連結目標來源之語言"
media="指定要套用樣式表的媒體"
all(全部)
screen(電腦)
tty(文字寬度固定的機器)
handheld(攜帶型機器)
style元素
可以直接指定CSS的原始碼，但還是採用外部檔的方式較佳。
<style type="text/css" media="(all/screen/tty/handheld)擇一"></style>
script元素
可以指定JavaScript之類的原始碼或外部檔，一樣是以外部檔的方式為佳。
<script type="text/javascript src="URL.js" charset="連結目標的來源之字集" defer="defer"(表是目標的script不會在document.write()這樣的文件新增內容)></script>
object元素
用來將影像、動畫、聲音、Java Applet等插件資料或其它HTML文件等嵌入文件中的通用標籤，在嵌入flash檔案時經常會用到。
<object />
archiv="指定嵌入物件的相關資料庫(Java Applet的jar檔)，可以用空格來使用複數的資料庫，但有的瀏覽器不支緩此屬性"
classid="指定Java Applet的class檔或ActiveX的識別編號作為嵌入物件的播放型式，但實務上除了Java Applet外的物件還是以data來指定較佳"
codebase="指定作為基準的URL，省略會以目標文件的URL為基準"
codetype="指定classid屬性所指定之物件的MIME類型"
data="指定內嵌物件的URL"
type="指定data屬性所指定之物件的MIME類型"
height="指定內嵌物件的高度"
width="指定內嵌物件的寬度"
base元素
可以設定各元素所指定的連結或外部檔案之基準URL，以及顯示連結的視窗或頁框，省略時記述的文件之URL就會變成基準。
<base href="以絕對路徑來指定作為基準的URL" />
body元素
用以表示實際的顯示區域，包含圖片、文字與連結，要顯示在瀏覽器上的內容都須寫在此區。
區塊層級元素
做為一個獨立區塊的元素，會換行，並可設置高度與寬度
行內元素
在一行敘述之內，不會換行，且不可設置高度及寬度
空元素
不具任何內容的元素，結尾標籤為/>
XML宣告
明確表示文件是XML文件的字串，文件所使用的字集也是在此指定，省略的話預設值為版本1.0，字集為UTF-8
<?xml version="1.0" encoding="UTF-8"?>
若文件改成php等語言此處的宣告即改變
文件宣告
用來表示XHTML所依循的記述規則之版本，瀏覽器會依照這所指定的版本來進行演算，所以一定要寫上正確的值，
另外，指定的URL中的DTD為Document Type Definition(文件類型定義)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
(詳見版本)
HTML元素
表示該文件是XHTML的標籤，其中html元素為最頂層元素，
其子元素有head元素及body元素，一個HTML樹狀結構必須至少要一組才行
head元素<head></head>
記述網頁之基本資訊，並不顯示於瀏覽器上，需位於body元素之上，
指定外部的JavaScript或是CSS時也是在此指定參照目標的連結。
title元素
head中的唯一元素，另外也是SEO功能時的重要元素
<title>網頁標題</title>
meta元素
記述該網頁的相關基本資料(元資訊)
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="網站描述" />內容
<meta name="keywords" content="關鍵字1,關鍵字2,關建字3" />關鍵字
<meta name="author" content="ooo股份有限公司" />作者
<meta name="copyright" content="版權宣告" />版權
name為附加資訊類型的指定，http-equiv為MIME類型的指定並一起指定字集，content為指定的具體內容，詳見如上
link元素
對該網頁來說，其它的檔案有什麼樣的功能，
這裡可以指定CSS、RSS、目錄、說明頁、以其它語言所製的網頁等檔案。
<link rel="stylesheet" type="text/css" href="css/import.css" media="screen,porjection,tv" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="feed.rdf" />
<link rel="contents" href="index.html" title="首頁" />
<link rel="help" href="guide/help.html" title="說明" />
<link rel="alternate" type="text/html" href="index-en.html" hreflang="en" />
rel="指定的來源之種類"
alternate(替代文件)
appendix(附錄)
contents(目錄)
copyright(著作權聲明)
help(說明)
index(索引)
next(下一份文件)
prev(上一份文件)
stylesheet(CSS樣式表)
type="指定的來源之MIME類型"
text/plain(文字檔案)
text/html(HTML檔案)
text/css(CSS檔案)
text/xml(XML檔案)
text/javascript(JavaScript檔案)
application/xhtml+xml(XHTML檔案)
application/x-shackwave-flash(Flash檔案)
image/jpeg(JPEG檔案)
image/gif(GIF檔案)
image/png(PNG檔案)
video/mpeg(MPEG檔案)
video/x-msvideo(AVI檔案)
application/pdf(PDF檔案)
application/atom+xml(ATOM檔案)
application/rss+xml(RSS檔案)
application/java(JAVA Applet檔案)
audio/midi(MIDI檔案)
href="指定rel所指定之來源的URL"
charset="指定連結目標的來源之字集"
hreflang="指定連結目標來源之語言"
media="指定要套用樣式表的媒體"
all(全部)
screen(電腦)
tty(文字寬度固定的機器)
handheld(攜帶型機器)
style元素
可以直接指定CSS的原始碼，但還是採用外部檔的方式較佳。
<style type="text/css" media="(all/screen/tty/handheld)擇一"></style>
script元素
可以指定JavaScript之類的原始碼或外部檔，一樣是以外部檔的方式為佳。
<script type="text/javascript src="URL.js" charset="連結目標的來源之字集" defer="defer"(表是目標的script不會在document.write()這樣的文件新增內容)></script>
object元素
用來將影像、動畫、聲音、Java Applet等插件資料或其它HTML文件等嵌入文件中的通用標籤，在嵌入flash檔案時經常會用到。
<object />
archiv="指定嵌入物件的相關資料庫(Java Applet的jar檔)，可以用空格來使用複數的資料庫，但有的瀏覽器不支緩此屬性"
classid="指定Java Applet的class檔或ActiveX的識別編號作為嵌入物件的播放型式，但實務上除了Java Applet外的物件還是以data來指定較佳"
codebase="指定作為基準的URL，省略會以目標文件的URL為基準"
codetype="指定classid屬性所指定之物件的MIME類型"
data="指定內嵌物件的URL"
type="指定data屬性所指定之物件的MIME類型"
height="指定內嵌物件的高度"
width="指定內嵌物件的寬度"
base元素
可以設定各元素所指定的連結或外部檔案之基準URL，以及顯示連結的視窗或頁框，省略時記述的文件之URL就會變成基準。
<base href="以絕對路徑來指定作為基準的URL" />
body元素
用以表示實際的顯示區域，包含圖片、文字與連結，要顯示在瀏覽器上的內容都須寫在此區。
區塊層級元素
做為一個獨立區塊的元素，會換行，並可設置高度與寬度
行內元素
在一行敘述之內，不會換行，且不可設置高度及寬度
空元素
不具任何內容的元素，結尾標籤為/>