建站常識
HTM5網(wǎng)站特點
2016-02-13 23:58:02
HTML5和html4的區(qū)別主要在于html5是最新的網(wǎng)頁開發(fā)標準,html5擁有很多新的標簽和屬性,在目前瀏覽器的最新版本基本都是支持的,不過通常來說將老板的html4網(wǎng)站升級為html5版本也并不是那么容易的,工作量可能和重新進行一個青島網(wǎng)站建設(shè)html5的相差無異,下面主要是介紹一些html5和html4的一些主要區(qū)別:
1、簡化的語法
更簡單的doctype聲明是HTML5里眾多新特征之一。現(xiàn)在你只需要寫<!doctype html>,這就行了。HTML5的語法兼容HTML4和XHTML1,但不兼容SGML。
2、HTML5標準還在制定中
這頭一個不同之處顯而易見,但非常重要,我需要先從它開始。也許你已經(jīng)注意到了關(guān)于HTML5很酷的言論到處都是,但是事實情況是,HTML5是一個還未完成的標準。HTML4已經(jīng)有10歲了,但它仍是當前正式的標準的事實沒有改變。
另一方面,HTML5仍處在早期階段,以后的修改會不斷的出現(xiàn)。你必須考慮到這些,因為你在網(wǎng)站上使用的這些新增加或修改的網(wǎng)頁元素會每年都出現(xiàn)一 些變化,你需要不停的更新升級你的網(wǎng)站,這可不是你希望的。這就是目前為止,你最好在產(chǎn)品里使用HTML4,只在實驗里使用HTML5的原因。
3、一個替代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上淘汰。我們拭目以待,因為很多人還并不認同這種觀點。
4、新的 <menu> 和 <figure> 標記
新的<menu>標記可以被用作普通的菜單,也可以用在工具條和右鍵菜單上,雖然這些東西在頁面上并不常用。
類似的,新的 <figure> 標記是一種更專業(yè)的管理頁面上文字和圖像的方式。當然,你可以用樣式表來控制文字和圖像,但使用HTML5內(nèi)置的這個標記更適合。
5、新的 <header> 和 <footer> 標記
HTML5的設(shè)計是要更好的描繪網(wǎng)站的解剖結(jié)構(gòu)。這就是為什么這些<header> 和<footer> 等新標記的出現(xiàn),它們是專門為標志網(wǎng)站的這些部分設(shè)計的。在開發(fā)網(wǎng)站時,你不在需要用<div>標記來標注網(wǎng)頁的這些部分。
6、新的 <section> 和 <article> 標記
跟<header> 和 <footer>標記類似,HTML5中引入的新的<section> 和 <article> 標記可以讓開發(fā)人員更好的標注頁面上的這些區(qū)域。
據(jù)推測,除了讓代碼更有組織外,它也能改善SEO效果,能讓搜索引擎更容易的分析你的頁面。
7、新的 <audio> 和 <video> 標記
新的<audio> 和 <video> 標記可能是HTML5中增加的最有用處的兩個東西了。正如標記名稱,它們是用來嵌入音頻和視頻文件的。
除此之外還有一些新的多媒體的標記和屬性,例如<track>,它是用來提供跟蹤視頻的文字信息的。有了這些標記,HTML5使Web2.0特征變得越來越友好。問題在于,在HTML5還未被廣泛的接受之前,Web2.0還是老的Web2.0。
8、不再使用 <b> 和 <font> 標記
對我個人來說,這是一個讓我不太理解的改動。我并不認為去除 <b> 和 <font>標記會帶來多大的好處。我知道,官方的指導說這些標記可以通過CCS來做更好的處理,但這樣一來,為了在文章一兩個地方出現(xiàn)的這 種標記,你就需要在獨立的css和文本兩個地方來實現(xiàn)這一的功能,豈不笨拙。也許我們以后會習慣這種方法。
9、不再使用 <frame>, <center>, <big> 標記
事實上,我已經(jīng)記不清曾經(jīng)何時用過這些標記了,所以,我并不為去除這些標記感到悲哀。相同的原因,有更好的標記能實現(xiàn)它們的功能——這很好,任何作廢的標記從標準中剔除都是受歡迎的。
10、全新的表單設(shè)計
新的 <form> 和 <forminput> 標記對原有的表單元素進行的全新的修改,它們有很多的新屬性(以及一些修改)。如果你經(jīng)常的開發(fā)表單,你應該花時間更詳細的研究一下。
以上這些是html5和html4的一些主要區(qū)別,還有其他很多差異例如修改了<ol> 標記的屬性,讓它能夠倒排序,對<u>標記也做了修改。html5作為一個尚在規(guī)范中的標準來說,每年都會有新的屬性出現(xiàn),加上國內(nèi)很多用戶的瀏覽器版本還停留在IE78等低版本上,低版本的瀏覽器對html5的支持基本就是悲劇,所以html4的標準在以后的幾年內(nèi)仍然還會被廣泛的應用到青島網(wǎng)站設(shè)計,相信隨著html5的完善和瀏覽器的升級,html5會被更多的用戶接受。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2011-10-10 00:37:11] 淺談:SEO與SEM的區(qū)別及轉(zhuǎn)型SEM的第一步
- [2012-05-14 22:00:30] 判斷瀏覽器客戶端類型(ipad,iphone,android)
- [2012-05-14 22:06:58] 網(wǎng)站交互設(shè)計-探源
- [2014-09-12 22:49:52] 85個國外扁平化網(wǎng)站設(shè)計之靈感來源于此
- [2020-06-29 14:09:01] 青島網(wǎng)站建設(shè)之前應該做些什么準備呢?
- [2012-08-08 13:37:22] 網(wǎng)站設(shè)計制作前的準備-線性框架設(shè)計
- [2014-07-18 22:39:45] 織夢advancedsearch頁面顯示自定義字段
- [2016-10-21 10:54:00] 什么是網(wǎng)站的轉(zhuǎn)化率?
- [2011-11-01 14:22:58] 蘋果牌電視iTV最完美概念設(shè)計
- [2012-10-23 11:25:34] 網(wǎng)站設(shè)計中圖標的寓意
- [2020-11-18 14:21:25] 建設(shè)營銷型網(wǎng)站有什么注意事項?
- [2016-08-09 15:56:00] 什么才是響應式網(wǎng)站呢?
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島網(wǎng)站營銷 高端輪胎網(wǎng)站設(shè)計 SEO 手機網(wǎng)站建設(shè) 企業(yè)建站 網(wǎng)站制作 外貿(mào)網(wǎng)站設(shè)計 微信小程序 建站常識 企業(yè)網(wǎng)站為什么要備案 微官網(wǎng) 響應式設(shè)計 網(wǎng)站設(shè)計趨勢 手機端的網(wǎng)站 css 英文網(wǎng)站建設(shè) 青島IT資訊 頁面設(shè)計 青島網(wǎng)站建設(shè) 網(wǎng)站優(yōu)化 青島不錯的英文網(wǎng)站建設(shè)公司 青島網(wǎng)頁制作 輪胎網(wǎng)站設(shè)計 扁平化設(shè)計 版面布局 html和css 集團性網(wǎng)站 網(wǎng)站開發(fā) 網(wǎng)站設(shè)計資訊 HTML5