HTML5跟HTML有哪些區(qū)別?
網(wǎng)友解答: html是Hyper Text Markup Language 的簡(jiǎn)稱,這是一種使用標(biāo)記標(biāo)簽描述網(wǎng)頁(yè)的標(biāo)記語(yǔ)言(markup language),標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)運(yùn)用
html是Hyper Text Markup Language 的簡(jiǎn)稱,這是一種使用標(biāo)記標(biāo)簽描述網(wǎng)頁(yè)的標(biāo)記語(yǔ)言(markup language),標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)運(yùn)用。
HTML5最先由WHATWG(Web超文本應(yīng)用技術(shù)工作組)命名的一種超文本標(biāo)記語(yǔ)言,隨后和W3C的xhtml2.0(標(biāo)準(zhǔn))相結(jié)合,產(chǎn)生的最新一代的超文本標(biāo)記語(yǔ)言。(HTML5草案的前身名為Web Applications 1.0。於2004年被WHATWG提出,於2007年被W3C接納,并成立了新的HTML工作團(tuán)隊(duì)。)可以理解為:HTML5 ≈ HTML4.0+CSS3+JS+API。(PS:html是沒有1.0版本的,雖然曾經(jīng)有這個(gè)概念,但是并沒有正式發(fā)布過,也沒有使用html1.0來進(jìn)行命名。這里的HTML4.0是在現(xiàn)在最新的html的規(guī)范標(biāo)準(zhǔn)。)
HTML5有兩大特點(diǎn):
?首先,強(qiáng)化了Web網(wǎng)頁(yè)的表現(xiàn)性能。除了可描繪二維圖形外,還準(zhǔn)備了用于播放視頻和音頻的標(biāo)簽。?其次,追加了本地?cái)?shù)據(jù)庫(kù)等Web應(yīng)用的功能。而且HTML5擁有更多種類,功能繁多的新技術(shù)和規(guī)范。比如:
?使用canvas (畫布)元素進(jìn)行繪制;?使用video和audio元素添加流媒體;?在線編輯頁(yè)面并檢査拼寫;?在Web應(yīng)用程序屮使用拖曳功能;?更多的HTML5表單特性;?語(yǔ)義化布局常用標(biāo)簽(例如article、section、nav)創(chuàng)建語(yǔ)義分區(qū),語(yǔ)義化能讓頁(yè)面的內(nèi)容結(jié)構(gòu)化,結(jié)構(gòu)更清晰,便于對(duì)瀏覽器、搜索引擎解析,即使在沒有樣式CSS情況下也以一種文檔格式來顯示,并且是非常容易容易閱讀的,而且搜索引擎的爬蟲也依賴于HTML標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重,利于SEO(類似與網(wǎng)絡(luò)競(jìng)價(jià)排行,不過不需要花錢),并且呢,語(yǔ)義化標(biāo)簽使得人對(duì)網(wǎng)站的維護(hù)更加的便捷。?HTML5沒有嚴(yán)格的要求屬性必須加引號(hào),閉合不閉合,但是建議加上引號(hào)和閉合標(biāo)簽?語(yǔ)義化布局常用標(biāo)簽......更多規(guī)范和新技術(shù)請(qǐng)自行查閱相關(guān)文檔。HTML5(text/html)瀏覽器將在錯(cuò)誤語(yǔ)法的處理上更加靈活。HTML5在設(shè)計(jì)時(shí)保證舊的瀏覽器能夠安全的忽略掉新的HTML5代碼。與HTML4.01相比,HTML5給出了解析的詳細(xì)規(guī)則,力圖讓不同的瀏覽器即使在發(fā)生語(yǔ)法錯(cuò)誤時(shí)也能返回相同的結(jié)果。
相比呆板的html,HTML5顯得更加靈活。HTML5元素可以擁有事件屬性,使用這些屬性可以在瀏覽器中觸發(fā),比如當(dāng)用戶單擊元素時(shí)觸發(fā)一段Javascript動(dòng)作(可單一或者系列的動(dòng)作)。給靜態(tài)頁(yè)面添加更加豐富多彩的動(dòng)畫效果,提升用戶交互觀感。下面列出的事件屬性,可以把它們?nèi)?HTML 標(biāo)簽來定義事件行為。 HTML5 中的新事件屬性:onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。
現(xiàn)在的web前端開發(fā)的靜態(tài)網(wǎng)頁(yè)一般都是html4.0,html標(biāo)簽和屬性是html5規(guī)范的基礎(chǔ)。然而HTML5還包括很多其他的編程接口,而嚴(yán)格來說,這些接口并不是HTML5規(guī)范的一部分,例如地理定位、歷史API。從此也可以說HTML5比html具有更大的包容性。所談到的html4.0既是html。
另外HTML5與html相比來說。HTML5不基于SGML,因此不需要對(duì)DTD進(jìn)行引用,但是需要doctype來規(guī)范瀏覽器的行為,讓瀏覽器能夠以HTML5的方式來運(yùn)行,而HTML4基于SGML,所以需要對(duì)DTD進(jìn)行引用才能告知瀏覽器文檔所使用的文檔類型是什么。
然而最新的并不代表是最適用的,誠(chéng)然,HTML5能玩出很多“花”來,但是并不是所有用戶都能完美支持HTML5的,HTML5里面有很多特性在PC端低版本瀏覽器上是不支持的。而移動(dòng)端瀏覽器已經(jīng)支持HTML5了,還有就是訪問CSDN的人群基本上沒有使用IE8以下的瀏覽器了。
網(wǎng)友解答:作為前端開發(fā)的技術(shù)人員,必須掌握的技術(shù)之一就是Html,其他技術(shù)如Css,JavaScript,JQuery等等都是基于Html的,那么Html和今天我們耳熟能詳?shù)腍tml5究竟有什么區(qū)別,或者說Html怎么發(fā)展到Html5的呢?下面一起了解一下Html5和Html的區(qū)別吧!
一、什么是Html
HTMl(HyperText Markup Language): 超文本標(biāo)記語(yǔ)言,一種純文本類型的語(yǔ)言。
特點(diǎn)有:
1、可以用來設(shè)計(jì)網(wǎng)頁(yè)的標(biāo)記語(yǔ)言;
2、用該語(yǔ)言編寫的文件,以.html或者.htm為后綴;
3、由瀏覽器解釋執(zhí)行;
4、HTML表面上,可以嵌套用腳本語(yǔ)言編寫的程序段,如:VBScript,JavaScript
與第一個(gè)純文本的頁(yè)面相比,Html頁(yè)面引入了標(biāo)簽的概念,也是說,Html是文本+標(biāo)簽的形式。
二、什么是HTML5
Html5廣義上來說包含了html5、css和JavaScript三個(gè)部分,不僅僅是根據(jù)第一印象的html5,html5讓網(wǎng)頁(yè)制作從布局到細(xì)節(jié)處理都更加的靈活,可以創(chuàng)建更好的網(wǎng)頁(yè)結(jié)構(gòu),擁有更加豐富的標(biāo)簽,對(duì)媒體播放、編輯、存儲(chǔ)等有更好的支持方式,兼容性更強(qiáng)。
三、HTML和HTML5的相同點(diǎn)
1、都是網(wǎng)頁(yè)的基礎(chǔ),用來構(gòu)建Web頁(yè)面的“骨架”2、具有基本相同的標(biāo)簽,如div,form,p等等
四、HTML和HTML5的不相同點(diǎn)
1、 各個(gè)瀏覽器對(duì)HTML5的渲染或支持程度不同,但對(duì)HTML的支持或渲染已經(jīng)很穩(wěn)定 2、 html5正在發(fā)展,相當(dāng)于于html的升級(jí)版本3、 html5用戶可以編輯網(wǎng)頁(yè)的部分內(nèi)容4 、html5中元素可以使圖像腳本更靈活5 、html5中 新的API讓頁(yè)面程序開發(fā)更簡(jiǎn)單6 、 html5改進(jìn)頁(yè)面表單操作 7 、html5新增加了很多新的標(biāo)簽,如footer等
五、hmtl5于html的區(qū)別
1.在文檔類型聲明上
html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<html xmlns="http://www.w3.org/1999/xhtml"
html5:<!doctype html
由這兩者對(duì)比可見:在文檔聲明上,html有很長(zhǎng)的一段代碼,并且很難記住這段代碼,想必很多人都是靠工具直接生成的吧?而html5卻是不同,只有簡(jiǎn)簡(jiǎn)單單的聲明,這也方便人們的記憶。
2.在結(jié)構(gòu)語(yǔ)義上
html:沒有體現(xiàn)結(jié)構(gòu)語(yǔ)義化的標(biāo)簽,我們通常都是這樣來命名的<id="header".這樣表示網(wǎng)站的頭部。
html5:在語(yǔ)義上卻有很大的優(yōu)勢(shì)。提供了一些新的標(biāo)簽,比如:<header<articale<footer
雖然在前幾年html5已經(jīng)出來了,但是那時(shí)候因?yàn)椴粔虺墒欤瑫r(shí)機(jī)不對(duì),才沒被興起。在這互聯(lián)網(wǎng)高速發(fā)展的時(shí)候,也是來臨4G的時(shí)代。正是學(xué)習(xí)HTML5的好時(shí)機(jī),我們還不學(xué)習(xí)hml5就out了!