html:超文本標記語言 (Hyper?Text?Markup?Language)
xhtml:可擴展超文本標記語言,是一種置標語言,表現(xiàn)方式與超文本標記語言(HTML)類似,不過語法上更加嚴格。
html5:最先由WHATWG(Web 超文本應用技術工作組)命名的一種超文本標記語言,隨后和W3C的xhtml2.0(標準)相結(jié)合,產(chǎn)生現(xiàn)在最新一代的超文本標記語言??梢院唵吸c理解成:h5≈ html+CSS 3+js+API。
最主要的不同:
????1. XHTML元素必須正確的被嵌套
????2. XHTML元素必須被關閉? ? (非空標簽必須使用結(jié)束標簽;空標簽也必須使用結(jié)束標簽,或者其開始標簽必須使用/>結(jié)尾。)
????3. 標簽名必須使用小寫字母? ? (XHTML 規(guī)范:標簽名和屬性對大小寫敏感。)
????4. XHTML文檔必須擁有根元素? ? (所有的 XHTML 元素必須被嵌套于 根元素中。其余所有的元素均可有子元素。子元素必須是成對的且被嵌套在其父元素之中)
????5.?XHTML 用 id 屬性代替 name 屬性
? ? 6.?XHTML特殊字符的處理
HTML特性:
? ? 1.?標識文本。例如:定義標題文本、段落文本、列表文本、預定義文本。
? ? 2.?建立超鏈接,便于頁面鏈接的跳轉(zhuǎn)。
? ? 3. 創(chuàng)建列表,把信息有序組織在一起以方便瀏覽。
????4. 在網(wǎng)頁中顯示圖像、聲音、視頻、動畫等多媒體信息,把網(wǎng)頁設計得更富沖擊力。
? ? 5. 可以制作表格,以便顯示大量數(shù)據(jù)。
? ? 6. 可以制作表單,允許在網(wǎng)頁內(nèi)輸入文本信息,執(zhí)行其他用戶操作,方便信息互動。
html5新特性:
????1. 用于繪畫的 canvas 元素
? ? 2. 用于媒介回放的 video 和 audio 元素
? ? 3. 對本地離線存儲的更好的支持
? ? 4. 新的特殊內(nèi)容元素,比如 article、footer、header、nav、section
? ? 5. 新的表單控件,比如 calendar、date、time、email、url、search
語義:
????html:沒有體現(xiàn)結(jié)構(gòu)語義化的標簽,我們通常都是這樣來命名的<div id="header"></div>,這樣表示網(wǎng)站的頭部。
????html5:在語義上卻有很大的優(yōu)勢。提供了一些新的標簽,比如:<header><article><footer>,提供了語義化標簽可以更好地支持搜索引擎的讀取便于seo的蜘蛛的爬行。
xhtml 1.0 標準
????1. html元素需要有xml相關屬性
????2. 元素必須是小寫字母
????3. 元素屬性必須用 " " 包圍,不能為空值
????4. 元素屬性不能簡寫
????5. 在內(nèi)容里不能有&, 需要轉(zhuǎn)義,包括其他特殊字符<>
????6. 空元素以 />結(jié)尾
strict html 4.01 標準 (嚴格模式)
????1. <html>必須是root元素
????2. <head>和<body>是<html>中一定有且只有的元素
????3. <head>必須有<title>,<meta>和<style>可選,他們只能在<head>里
????4. <body>里只能有block元素
????5. block元素不能放在inline元素里
????6. block元素不能放在<p>里
????7. <ul>和<ol>中只能有<li>元素,但<li>里可以放其他,包括block元素
????8. <blockquote>中只能放block元素