HTML5學習筆記<七>:XHTML介紹

時間 2019-12-07

標籤 html5 html 學習筆記 xhtml 介紹欄目 HTML5 简体版

原文原文鏈接

XHTML 簡介

1. 什麼是XHTML?html

　　XHTML指的是可擴展超文本標記語言瀏覽器

　　XHTML與HTML4.0幾乎是相同的框架

　　XHTML是更嚴格更純淨的HTML版本spa

　　XHTML是以XML應用的方式定義HTMLcode

　　XHTML獲得全部主流瀏覽器的支持orm

2. 爲何使用XHTMLhtm

　　爲了代碼的完整性和良好性blog

3. 文檔聲明:開發

　　DTD: 規定了使用通用標記語言的網頁語法文檔

4. 三種XHTML文檔類型

　　STRICT(嚴格類型)

　　TRANSTIONAL(過分類型)

　　FRAMESET(框架類型)

例: 不規範的書寫方式, 雖然在瀏覽器中能顯示出來, 可是爲後續開發和維護帶來很大的問題

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>XHTML</title>
</head>
<body>
<!-- 書寫格式不規範 -->
    <h1>這是一個標題
    <p>你們好
        abcd
        <A href="index.html">index</A>
</body>
</html>

下面是介紹XHTML的正確語法.

XHTML元素

XHTML元素語法:

　　XHTML元素必須正確嵌套

　　XHTML元素必須始終關閉

　　XHTML元素必須小寫

　　XHTML文檔必須有一個根元素

例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>XHTML</title>
</head>
<!-- 文檔必須有個更元素 好比 html, head, body -->
<body>
<!--元素必須小寫-->
    <!-- 正確的嵌套 h1標籤 嵌套 p標籤 -->
    <h1><p>hello</p></h1>
    <!-- 錯誤的嵌套 -->
    <h1><p>hello</h1></p>
    <!-- 元素必須始終關閉 -->
    <h1></h1>
    <br/>
</body>
</html>

XHTML屬性

XHTML屬性語法規則:

　　XHTML屬性必須小寫

　　XHTML屬性值必須用引號包圍

　　XHTML屬性最小化也是禁止的

例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>XHTML</title>
</head>

<body>
    <!-- 屬性必須小寫, 值用雙引號包圍 -->
    <table width="100"></table>
    <form>
        <!-- 屬性禁止最小化(簡寫) 好比type="button" 不能直接寫button -->
        <input type="button">
    </form>
</body>
</html>

南心芭比: 熱愛分享, 收穫快樂~

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。