檢視 HTML/適應word 的原始碼

[[分類:HTML]]
==2010==
===前置處理===
*雖會忽視「<!DOCTYPE html>」，但仍建議這樣寫，以便使用下一項<meta charset='utf-8' />。
*接受「<meta charset='utf-8' />」
*須&lt;html xmlns:w='urn:schemas-microsoft-com:office:word'&gt;才能進入整頁模式
*#xmlns：聲明名字空間，xml名字空間(namespace)。作用是使同名字的元素或屬性因隸屬不同的名字空間而可以區別。
*#w：名字空間的前綴，即等號後面的指示，用 w 為前綴來代表。
*#等號之後是名字空間的唯一標識符，是一個IRI(國際化資源標識符,Internationalized Resource Identifier)引用，但通常是一個URI(統一資源標誌符)引用。此例中是(uniform resource name)urn:架構們-微軟-com:辦公室軟體:文字處理。
*#名字空間的聲明就是：'''將一個前綴與一個URI關聯起來'''。
*#不直接使用命名空間的URI是因為URI為了唯一通常會很長，直接使用URI不但造成書寫和閱讀的不便，還會擾亂XML的語法。
*#聲明名字空間時，也可以不定義前綴。未定義前綴的名字空間將被用作預設的名字空間。
*#名字空間的URI僅僅是唯一的標識符，推薦規範不要求，也不建議通過其獲取信息。XML解析器處理名字空間URI時，也僅僅將其作為字符串。例如，地址為 http://www.w3.org/1999/xhtml 的文檔並不包含任何代碼，它僅僅為人類閱讀者描述了XHTML名字空間。之所以採用URI(如'http://www.w3.org/1999/xhtml')來標識名字空間是因與使用簡單的字符串(如xhtml)相比，URI大大降低了名字空間重名的可能性。
*#文檔中的元素名和屬性名可以加前綴(如xhtml:hr)也可以不加前綴(hr)。不加前綴就會被認為屬於預設名字空間，如果預設名字空間沒有定義，則屬於無名字空間。
*#可聲明取消已定義的名字空間，如：xmlns:xhtml=""。
*#當一個元素帶有屬性xmlns=""，該元素和它的後代被視為「無名字空間」。
*以整頁模式顯示：
<pre>
<!--[if gte mso 9]>
<xml>
 <w:WordDocument>
  <w:View>Print</w:View>
 </w:WordDocument>
</xml>
<![endif]--></pre>
*title標籤，決定頁名。
*以&lt;link rel='stylesheet' type='text/css' href='網址' /&gt;來載入樣式表
*style段落中
<pre>
@page 樣式值 {size:寬 長;margin:上 右 下 左;}
.nicetable {border:1px solid black;border-collapse:collapse;}
.nicetable td{border:1px solid black;border-collapse:collapse;}</pre>
*body 中 以&lt;div style='page:樣式值;'&gt;…&lt;/div&gt;包起文件內容
===方盒子模型(Box Model)===
<img src='https://upload.wikimedia.org/wikipedia/commons/4/48/W3C_box_model.svg' />
*padding(內距)：
*#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)
*#不可以設定負值，這點與 margin 不同。
*#基本語法範例：<p><span style='border:dashed 1pt;padding:5pt;'>padding:上 右 下 左;</span>　<span style='border:dashed 1pt;padding:5pt;'>padding:上下 左右;</span>　<span style='border:dashed 1pt;padding:5pt;'>padding:上 左右 下;</span>　<span style='border:dashed 1pt;padding:5pt;'>padding:四個邊同樣値;</span></p>
*#padding:auto;：讓瀏覽器自己去設定
*#padding:%;：讓瀏覽器自己去設定，跟邊界元素有關。
*margin(邊沿)：
*#控制一個區域(例如 DIV 或 span)的外邊界距離，俗稱外距。
*#可以設定負値。
*#基本語法範例：<p><span style='border:dashed 1pt;padding:5pt;'>margin:上 右 下 左;</span>　<span style='border:dashed 1pt;padding:5pt;'>margin:上下 左右;</span>　<span style='border:dashed 1pt;padding:5pt;'>margin:上 左右 下;</span>　<span style='border:dashed 1pt;padding:5pt;'>margin:四個邊同樣値;</span></p>

===長度單位===