HTML4與HTML5之間有那些不同點
分享 2012.03.14 瀏覽次數(shù):7865次
杭州網(wǎng)站建設:帶你看看HTML4和HTML5之間有那不同點
標簽:HTML5 HTML4杭州網(wǎng)站建設
HTML5以經(jīng)成功的推出,無與倫比的設計畫面,深深地吸引著每一個設計人員。然而相對于HTML5有那些不同呢?事實上,HTML5并沒有對HTML4做什么重大的修改,它們很多東西都是相似的。
下面列出的就是一些HTML4和HTML5之間主要的不同之處(并不是全部,全部列出來是不可能的):
一.不再使用frame,center,big標記
事實上,我已經(jīng)記不清曾經(jīng)何時用過這些標記了,所以,我并不為去除這些標記感到悲哀。相同的原因,有更好的標記能實現(xiàn)它們的功能——這很好,任何作廢的標記從標準中剔除都是受歡迎的。
這10個HTML5和HTML4之間的不同只是整個新的規(guī)范中的一小部分。除了這些主要的變動外,我還可以略提一下一些次要的改動,比如修改了ol>標記的屬性,讓它能夠倒排序,對u標記也做了修改。
所有這些次要的改動數(shù)量眾多。而且新的修改也在不斷的增加,因此,如果你想實時跟蹤最新的動向,你需要經(jīng)常的查看w3.org的HTML4和HTML5之間的不同這個頁面。如果你很心急,想在你的工作中使用這些新的標記和屬性,我勸告你最好只是做實驗,原因已經(jīng)說的很清楚了,這些新標記和新屬性在將來也許會有很大的改變,所以,除非你不斷的更新你的代碼,它們很可能會過期失效。
二.簡化的語法
更簡單的doctype聲明是HTML5里眾多新特征之一?,F(xiàn)在你只需要寫!doctype html,這就行了。HTML5的語法兼容HTML4和XHTML1,但不兼容SGML。
三.一個替代Flash的新canvas標記
對于Web用戶來說,F(xiàn)lash既是一個驚喜,也是一種痛苦。有很多的Web開發(fā)人員對HTML5對Flash產(chǎn)生的威脅很不滿。但對于那些忍受著要花幾年時間加載和運行的臃腫的Flash視頻的人來說,用新的canvas標記生成視頻的技術(shù)已經(jīng)到來。
目前,canvas標記并不能提供所有的Flash具有的功能,但假以時日,F(xiàn)lash必將從web上淘汰。我們拭目以待,因為很多人還并不認同這種觀點。
四.全新的表單設計
新的form和forminput標記對原有的表單元素進行的全新的修改,它們有很多的新屬性(以及一些修改)。如果你經(jīng)常的開發(fā)表單,你應該花時間更詳細的研究一下。
五.新的header和footer標記
HTML5的設計是要更好的描繪網(wǎng)站的解剖結(jié)構(gòu)。這就是為什么這些header和
footer等新標記的出現(xiàn),它們是專門為標志網(wǎng)站的這些部分設計的。
在開發(fā)網(wǎng)站時,你不在需要用div標記來標注網(wǎng)頁的這些部分。
六.新的section和article標記
跟header和footer標記類似,HTML5中引入的新的section和article標記可以讓開發(fā)人員更好的標注頁面上的這些區(qū)域。
據(jù)推測,除了讓代碼更有組織外,它也能改善SEO效果,能讓搜索引擎更容易的分析你的頁面。
七.新的menu和figure標記
新的menu標記可以被用作普通的菜單,也可以用在工具條和右鍵菜單上,雖然這些東西在頁面上并不常用。
類似的,新的figure標記是一種更專業(yè)的管理頁面上文字和圖像的方式。當然,你可以用樣式表來控制文字和圖像,但使用HTML5內(nèi)置的這個標記更適合。
八.新的audio和video標記
新的audio和標記可能是HTML5中增加的最有用處的兩個東西了。正如標記名稱,它們是用來嵌入音頻和視頻文件的。
除此之外還有一些新的多媒體的標記和屬性,例如track,它是用來提供跟蹤視頻的文字信息的。有了這些標記,HTML5使Web2.0特征變得越來越友好。問題在于,在HTML5還未被廣泛的接受之前,Web2.0還是老的Web2.0。
九.不再使用b和font標記
對我個人來說,這是一個讓我不太理解的改動。我并不認為去除和font標記會帶來多大的好處。我知道,官方的指導說這些標記可以通過CCS來做更好的處理,但這樣一來,為了在文章一兩個地方出現(xiàn)的這種標記,你就需要在獨立的css和文本兩個地方來實現(xiàn)這一的功能,豈不笨拙。也許我們以后會習慣這種方法。
盡管如今大多數(shù)流行的瀏覽器的最新版都支持HTML5,但有些新的(或修改的)標記和屬性它們并不支持,所以你的網(wǎng)頁在用戶的屏幕上有可能前后顯示的不一致。耐心等待,等待HTML5真正可以實用時候。目前還不是時候。
相關閱讀:網(wǎng)站設計人員必知的15個HTML5新特性
-
杭州網(wǎng)站設計公司:品牌網(wǎng)站開發(fā)助力企業(yè)成長
日期:2024-12-20瀏覽次數(shù):415次
-
杭州網(wǎng)站建設公司:商城網(wǎng)站建設的六大關鍵步驟
日期:2024-12-18瀏覽次數(shù):490次
-
杭州網(wǎng)站制作:醫(yī)院網(wǎng)站設計與域名備案的復雜性探討
日期:2024-12-18瀏覽次數(shù):499次
-
杭州網(wǎng)站制作公司:打造安全可靠的醫(yī)院網(wǎng)站
日期:2024-12-11瀏覽次數(shù):726次
-
杭州網(wǎng)站設計公司:數(shù)據(jù)庫在高端網(wǎng)站制作中的關鍵作用
日期:2024-12-11瀏覽次數(shù):694次
相關新聞
整合同類新聞,相關新聞一手掌握
-
外貿(mào)APP開發(fā)解決方案
日期:2021-03-16瀏覽次數(shù):1913次
最新新聞
與互聯(lián)網(wǎng)同行,實時掌握網(wǎng)建行業(yè)最新動態(tài)
-
杭州廚具網(wǎng)站設計方案
日期:2019-06-21瀏覽次數(shù):5979次
-
微信餐飲小程序能給餐飲店帶來哪些幫助?
日期:2020-06-17瀏覽次數(shù):4300次
-
傻瓜自助式app開發(fā)制作流程
日期:2020-06-19瀏覽次數(shù):4685次
-
快速判斷杭州小程序開發(fā)商的優(yōu)劣
日期:2021-01-29瀏覽次數(shù):4447次
-
杭州高端網(wǎng)站制作,執(zhí)行力至關重要
日期:2021-07-30瀏覽次數(shù):4075次
隨機新聞
新聞新動態(tài),您需要的新聞管家
洞悉市場趨勢演變讓傳播回歸社會
免費獲取網(wǎng)站建設與網(wǎng)絡推廣方案報價
-
關于我們
杭州帷拓科技有限公司,是一家新型的全案網(wǎng)絡開發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設、APP開發(fā)、小程序開發(fā)為核心的專業(yè)網(wǎng)絡技術(shù)服務供應商,帷拓科技致力于全面分析市場環(huán)境、衡量與預測市場需求、整合區(qū)別于行業(yè)競爭對手的絕對優(yōu)勢,結(jié)合品牌理念深度挖掘項目優(yōu)勢和產(chǎn)品價值,提升客戶品牌認知、認可度。
-
我們的客戶
帷拓科技歷經(jīng)十年沉淀,與國內(nèi)外上千家客戶達成合作關系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動、浙江5G產(chǎn)業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂部、娃哈哈雙語學校、健康中國杭州峰會、科雷機電等,帷拓科技始終堅持“帷有專業(yè),才能拓展無限”的服務理念,堅持“認真堅持細節(jié)”的優(yōu)質(zhì)服務理念,不斷完善自身,成就企業(yè),最終實現(xiàn)共贏。
-
我們的業(yè)務
帷拓科技主營業(yè)務范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設、APP開發(fā)、小程序開發(fā)、商城網(wǎng)站建設、公眾號運營以及數(shù)字營銷等,涵蓋了服務、房產(chǎn)、數(shù)碼、服裝、物流貿(mào)易等行業(yè),根據(jù)品牌現(xiàn)狀,為每個客戶量身定制項目整體服務方案,以敏銳的市場洞察力、創(chuàng)新的市場策劃能力,全面把握市場變化,為客戶實現(xiàn)從企業(yè)到消費者的價值轉(zhuǎn)換。