一般廣義而言,HTML5則包含了HTML、CSS和JavaScript三個(gè)部分,而不只是第一印象僅僅HTML部分而已,在CSS 3和JavaScript層面也有許多的創(chuàng)新,讓整個(gè)網(wǎng)頁(yè)從布局到處理都更加給力,新囊括的技術(shù)讓之前實(shí)現(xiàn)相當(dāng)困難且安全性危機(jī)重重的功能變?yōu)榱爽F(xiàn)實(shí)。
HTML 是 HyperText Markup Language 超級(jí)文本標(biāo)記語(yǔ)言的縮寫(xiě),是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用,也是一種規(guī)范,一種標(biāo)準(zhǔn),它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。
從第一版的出現(xiàn)到現(xiàn)在,HTML 已經(jīng)經(jīng)歷了5次的改版,從 HTML 2.0到 HTML 5,HTML 用自身的優(yōu)勢(shì)證明了其在網(wǎng)站中的優(yōu)勢(shì),以至于替代了古老的C語(yǔ)言編程來(lái)架構(gòu)部分網(wǎng)站。
2.為什么要用HTML5
THML5在布局上更得體,記得以前的主流table過(guò)渡到主流div;今的布局對(duì)搜索引擎更加友好,比如 article 內(nèi)總是會(huì)包含文章內(nèi)容,而nav是導(dǎo)航信息;HTML5的移動(dòng)手機(jī)支持也日趨完善,兼容移動(dòng)端可是一個(gè)簡(jiǎn)單概念。
雖然多網(wǎng)合一,兼容問(wèn)題永遠(yuǎn)存在,布局適配也是一門技術(shù)活;另外在Pad等其他客戶端也發(fā)揮著越來(lái)越重要的優(yōu)勢(shì)。
3.HTML5的基本結(jié)構(gòu)
HTML 用來(lái)組織網(wǎng)頁(yè)的結(jié)構(gòu),就像人類的骨架一樣。首先你要做的是學(xué)習(xí)它的語(yǔ)法以及與它相關(guān)的所有內(nèi)容。重點(diǎn)要學(xué)習(xí)的內(nèi)容如下:
學(xué)習(xí)基礎(chǔ)知識(shí)及如何編寫(xiě)語(yǔ)義化的 HTML,了解頁(yè)面的各個(gè)部分,并且學(xué)會(huì)如何正確地構(gòu)建 DOM。
任務(wù)——學(xué)習(xí)完 HTML 的基礎(chǔ)知識(shí)后,請(qǐng)至少動(dòng)手編寫(xiě) 5 個(gè) HTML 頁(yè)面。我的建議是可以選擇任何網(wǎng)站的頁(yè)面,例如可以嘗試去編寫(xiě)任何一個(gè) Github 配置頁(yè)面或者 Twitter 的登錄頁(yè)面,而且要確保結(jié)構(gòu)是正確的。
雖然完成的頁(yè)面看起來(lái)很丑,但是暫時(shí)還不用著急,現(xiàn)階段的重點(diǎn)是學(xué)會(huì)編寫(xiě)正確的結(jié)構(gòu)。
目前而言,主流的網(wǎng)頁(yè)瀏覽器Firefox 5、Chrome 12和Safari 5都已經(jīng)支援了許多的HTML5標(biāo)準(zhǔn),而且目前最新版的IE 9也支援了許多HTML5標(biāo)準(zhǔn)。
隨著使用者陸續(xù)升級(jí)到新版的瀏覽器,開(kāi)發(fā)者應(yīng)該在現(xiàn)在就可以著手開(kāi)發(fā),兼容性問(wèn)題會(huì)隨著時(shí)間的推移而越來(lái)越少。
以上就是沒(méi)有經(jīng)驗(yàn)如何快速上手HTML5的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選