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

2020-03-24 19:18:18

字體：大中小

來源：轉載

供稿：網友

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

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

上一篇：Html中的map標簽

下一篇：Xhtml第8天-div自適應高度