HTML與XHTML、以及HTML4與HTML5標簽之間的區(qū)別簡介

2020-03-24 19:18:18

字體：大中小

供稿：網(wǎng)友

HTML與XHTML區(qū)別
1、Xhtml' target='_blank'>HTML元素必須被正確地嵌套
2、XHTML 元素必須被關(guān)閉，空標簽也必須被關(guān)閉。如 br/ 3、XHTML 元素必須小寫4、XHTML 文檔必須擁有一個根元素5、XHTML屬性名稱必須小寫，屬性值必須加引號，屬性不能簡寫。如： input checked= checked /
6、XHTML用 id 屬性代替 name 屬性。注意：應(yīng)該在 / 符號前添加一個額外的空格，以使你的 XHTML 與當今的瀏覽器相兼容7、語言屬性（lang）lang 屬性應(yīng)用于幾乎所有的 XHTML 元素。它定義元素內(nèi)部的內(nèi)容的所用語言的類型。如果在某元素中使用 lang 屬性，就必須添加額外的 xml:lang，像這樣： div lang= no xml:lang= no Heia Norge! /div XHTML 1.0 的三種 XML 文檔類型
XHTML 1.0 規(guī)定了三種 XML 文檔類型，以對應(yīng)上述三種 DTD。XML/HTML Code復(fù)制內(nèi)容到剪貼板
!DOCTYPEhtml PUBLIC -//W3C//DTDXHTML1.0Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
!DOCTYPEhtml PUBLIC -//W3C//DTDXHTML1.0Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
在此情況下使用：當需要利用 HTML 在表現(xiàn)上的特性時，并且當需要為那些不支持層疊樣式表的瀏覽器編寫 XHTML 時。XML/HTML Code復(fù)制內(nèi)容到剪貼板
!DOCTYPEhtml PUBLIC -//W3C//DTDXHTML1.0Frameset//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd
在此的情況下使用：需要使用HTML框架將瀏覽器窗口分割為兩部分或更多框架時。HTML4與HTML5最近HTML5甚火，我們再來看一下HTML5標簽與HTML4標簽的一些不同之處：
1.概念的變化： HTML5專注內(nèi)容與結(jié)構(gòu)，而不專注的表現(xiàn) header
hgroup 導(dǎo)航相關(guān)數(shù)據(jù) /hgroup
/header
nav 菜單 /nav
article
h1 標題:HTML5專題視頻教程 /h1 2.聲明與標簽：
HTML5在更多的聲明和標簽上面做了簡化，也對兼容做了詳細的規(guī)定，廢除了部分元素，增加了部分元素。
HTML5標簽語法介紹及新增標記（1）、語法標簽： a. 不允許寫的結(jié)束符的標簽：area、basebr、col、command、Embed、hr、img、input、keygen、link、meta、param、source、Track、wbr
b. 可以省略結(jié)束符的標簽：li、dt、dd、p、rt、optgroup、option、Colgroup、thread、tbody、tr、td、th
c. 可以完全省略的標簽：html、head、body、colgroup、tbody （2）、新增標簽： article 標記定義一篇文章
aside 標記定義頁面內(nèi)容部分的側(cè)邊欄
audio 標記定義音頻內(nèi)容
canvas 標記定義圖片
command 標記定義一個命令按鈕
datalist 標記定義一個下拉列表
details 標記定義一個元素的詳細內(nèi)容
dialog 標記定義一個對話框(會話框)
embed 標記定義外部的可交互的內(nèi)容或插件
figure 標記定義一組媒體內(nèi)容以及它們的標題 footer 標記定義一個頁面或一個區(qū)域的底部
header 標記定義一個頁面或一個區(qū)域的頭部
hgroup 標記定義文件中一個區(qū)塊的相關(guān)信息
keygen 標記定義表單里一個生成的鍵值
mark 標記定義有標記的文本
meter 標記定義 measurementwithin apredefinedrange
nav 標記定義導(dǎo)航鏈接
output 標記定義一些輸出類型
progress 標記定義任務(wù)的過程
rp 標記是用在Rubyannotations 告訴那些不支持Ruby元素的瀏覽器如何去顯示
rt 標記定義對rubyannotations的解釋
ruby 標記定義 rubyannotations.
section 標記定義一個區(qū)域
source 標記定義媒體資源
time 標記定義一個日期/時間
video 標記定義一個視頻 HTML5簡單示例XML/HTML Code復(fù)制內(nèi)容到剪貼板
metacharset=utf-8 title PHP100 HTML5專題 /title styletype= text/css rel= stylesheet header,nav,article,footer{border:solid1px#666;padding:5px} header{width:500px} nav{float:left;width:60px;height:200px} article{float:left;width:428px;height:200px} footer{clear:both;width:500px} /style scripttype= text/javascript document.createElement('article'); document.createElement('nav'); document.createElement('header'); /script /head body header hgroup 導(dǎo)航相關(guān)數(shù)據(jù) /hgroup /header nav 菜單 /nav article h1 HTML5專題視頻教程 /h1 發(fā)布日期: time 09:00 /time timedatetime= 2013-2-10 春節(jié) /time p 測試相關(guān)內(nèi)容 /p /article footer address 地址 /address /footer /body /htmlhtml教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

上一篇：Html中的map標簽

下一篇：Xhtml第8天-div自適應(yīng)高度