html5 雖然增加了很多新的標(biāo)簽,但是并不代表完全拋棄了原有的標(biāo)簽,例如dl-dt-dd組合標(biāo)簽和ul-li組合標(biāo)簽等。article、section的出現(xiàn)并不代表著div作用減少,而是說更合理更清晰的用html標(biāo)簽表達(dá)出網(wǎng)頁的結(jié)構(gòu)。
創(chuàng)新互聯(lián)公司是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司,自成立以來公司不斷探索創(chuàng)新,始終堅(jiān)持為客戶提供滿意周到的服務(wù),在本地打下了良好的口碑,在過去的十余年時(shí)間我們累計(jì)服務(wù)了上千家以及全國政企客戶,如成都鑿毛機(jī)等企業(yè)單位,完善的項(xiàng)目管理流程,嚴(yán)格把控項(xiàng)目進(jìn)度與質(zhì)量監(jiān)控加上過硬的技術(shù)實(shí)力獲得客戶的一致稱譽(yù)。
在HTML5頁面中,經(jīng)常使用nav標(biāo)簽來充當(dāng)導(dǎo)航的結(jié)構(gòu)化標(biāo)簽。nav標(biāo)簽用于定義頁面的導(dǎo)航部分,通常包含導(dǎo)航鏈接或?qū)Ш讲藛巍?/p>
首先nav也是在html5中新增的元素標(biāo)簽。同時(shí)和其它新增標(biāo)簽一樣,nav在傳統(tǒng)html5以前版本Html布局中作為導(dǎo)航條相關(guān)常用命名來使用。
/footer知識(shí)擴(kuò)展我們在html5開發(fā)使用footer標(biāo)簽時(shí),把當(dāng)作普通div標(biāo)簽對待即可,只不過一般用于網(wǎng)站底部布局。一般情況下一篇網(wǎng)頁只有一個(gè)底部區(qū),所以使用最好只使用一次footer即可。
所以在HTML5中,header的使用更加靈活,你可以根據(jù)你的需要來定義和組織document結(jié)構(gòu)。
列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer 一般首頁結(jié)構(gòu),如圖所示 當(dāng)然也可以是下面的結(jié)構(gòu) 其中section和article最為相似,而且和div標(biāo)簽貌似也有很大相似之處。
H5制作軟件有ih意派、MAKA、易企秀、兔展等。具體可以分為大眾版和專業(yè)版兩種類型,都是工具,但特點(diǎn)也是明顯的。
MAKA 想要更加方便的進(jìn)行H5制作,那么就可以選擇MAKA,這是一款非常方便的H5的制作工具,它的涵蓋范圍非常廣,覆蓋了幾十個(gè)行業(yè)和多個(gè)領(lǐng)域,涉及的內(nèi)容也比較多,不光含有H5,還有一些海報(bào)和視頻。
Page頁面制作工具,來自M1云端市場部 這款工具是梅花網(wǎng)新推出的,針對集客營銷的H5頁面制作工具。這款工具擁有豐富的模板和插件,能夠在較短的時(shí)間內(nèi)做出美觀又簡潔的H5頁面。
Less Framework(MIT;響應(yīng)式)自適應(yīng)的CSS網(wǎng)格系統(tǒng)。 Flameinwork(Free)適合懶人開發(fā)者的前端微框架。 G5 Framework(Free)(x)HTMLCSS、PHP前端開發(fā)框架。
Titanium使用 Alloy,Alloy是一個(gè)快速開發(fā)的手機(jī)應(yīng)用MVC框架, 模塊式開發(fā)可以大大減小開發(fā)時(shí)間,提高代碼復(fù)用。⑥:Sencha Touch Sencha Touch 同樣也是HTML5手機(jī)應(yīng)用跨平臺(tái)開發(fā)框架,運(yùn)行iOS/Android/Blackberry。
Bootstrap:主流框架之一,Bootstrap是基于HTML、CSS、JavaScript的,它簡潔靈活,使得Web開發(fā)更加快捷。html5-boilerplate:該框架可以快速構(gòu)建健壯,且適應(yīng)力強(qiáng)的webapp或網(wǎng)站。
KendoUIKendoUI是一個(gè)HTML5平臺(tái),開發(fā)者利用它可以開發(fā)新穎的、交互的移動(dòng)應(yīng)用程序和網(wǎng)站。該框架提供了大量的動(dòng)畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件,如圖表、組合框以及常用表格。
Angular Angular是一個(gè)JavaScript框架,最為核心的是:MVC(Model–view–controller)、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語義化標(biāo)簽、依賴注入等等。
GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一個(gè)高級響應(yīng)式的HTML5,CSS以及JavaScript工具包,可以用于快速創(chuàng)建原型并且建立在各種瀏覽設(shè)備上可以正常工作的網(wǎng)站和app。