XML - 資料交換管理/XHTML/練習

XHTML 章節 => XHTML

XHTML 答案 => 答案

練習 1

下面是一個包含許多已棄用功能的無效 HTML 文件示例。它也結構不良。該文件需要轉換為 XHTML，並將內容與表示分離。

a. 將 HTML 文件更改為有效的 XHTML 1.0 Transitional 文件。使用位於 http://validator.w3.org/ 的驗證器驗證您的頁面。

b. 從問題 1.a. 的模型答案開始。識別文件中所有已棄用的元素和屬性，並在連結的外部樣式表中使用 CSS 替換它們。有關已棄用元素的詳細資訊，請參見超文字標記語言/標籤列表。

c. 從問題 1.b. 的模型答案開始。用語義標記替換所有表示性標記，並確保所有內聯元素都包含在塊級元素中。將 DOCTYPE 更改為 XHTML 1.0 Strict，並使用 W3C 標記驗證服務驗證頁面。

  <html>
  <head>
    <title>
      Convert HTML to XHTML
  </head>
  <body text=blue>
    <h1>       
        XHTML page
    </h1>
    <p><b> It is important for your site to be current with the most recent W3C standards.
    </p></b> 
       <u>Welcome</u> to my <b>page</b>.<br>
       I hope that you <i>enjoy</i> your stay.
    <p>
      <font color=#9900FF face=Arial size=+2>
       XHTML is similar to HTML
      </font>
    </p>   
    <a href=http://validator.w3.org/>
       Validator
    </a>       
  </body>
</html>

練習 2

建立一個簡單的 HTML 文件，並有意地錯誤地巢狀標籤或不關閉一些標籤，然後透過 W3C 的線上 HTML Tidy 服務執行該文件。

XHTML 章節 => XHTML

XHTML 答案 => 答案