如果不想用傳統(tǒng)的頁(yè)面跳轉(zhuǎn)，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實(shí)現(xiàn)你說的那種，上下不動(dòng)只有中間的內(nèi)容在變，其實(shí)加載的是不同的模板，然后用路由控制的，整個(gè)瀏覽器始終處在一個(gè)界面中；b站也就是bilibili，在b站，如果您想體驗(yàn)HTML5視頻播放器的效果，請(qǐng)開啟HTML5視頻播放器試用，那么怎么切換到html5呢下面我截圖操作說明一下1首先在瀏覽器中進(jìn)入b站主站，然后下拉首頁(yè)至底部，點(diǎn)擊傳送門下面的幫助中心。

標(biāo)簽HTML5 引入了許多新的語義化標(biāo)簽，其中標(biāo)簽專門用于定義導(dǎo)航鏈接的部分這個(gè)標(biāo)簽不僅為開發(fā)者提供了一種更明確更具描述性的方式來標(biāo)記導(dǎo)航元素，而且還增強(qiáng)了網(wǎng)站的可訪問性和搜索引擎優(yōu)化在HTML5之前，開發(fā)者通常；首先 手機(jī) 和 PC 是2套頁(yè)面手機(jī)端，width 100%就可以了pc， width 可以直接寫死如果你會(huì)bootstrap 那更好了它專門為響應(yīng)式而生的框架。

分為兩個(gè)部分1HTML5文件2CSS3文件一HTML5部分1 HTML5的文檔聲明新建indexhtml文件，如果用的網(wǎng)頁(yè)編寫工具已經(jīng)支持HTML5文件類型，那么，應(yīng)該生成如下的HTML5模板 1 lt！DOCTYPE html 2 lthtml lang=quotenUSquot 3 lthead 4；首先在瀏覽器中進(jìn)入b站主站，然后下拉首頁(yè)至底部，點(diǎn)擊“傳送門”下面的“幫助中心”進(jìn)入“幫助中心”頁(yè)面之后，同樣下拉網(wǎng)頁(yè)，點(diǎn)擊左側(cè)幫助中心列表下面的“HTML5播放器”點(diǎn)擊左側(cè)幫助中心列表下面的“HTML5播放器”之后。

html 點(diǎn)擊制作欄目，進(jìn)入模板選擇頁(yè) 1選擇空模板，自由創(chuàng)作2選擇主題模板，更快速的創(chuàng)作出炫麗的展示2 選擇模板后，進(jìn)入創(chuàng)作界面 3 預(yù)覽樹操作 1；列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer 一般首頁(yè)結(jié)構(gòu)，如圖所示 當(dāng)然也可以是下面的結(jié)構(gòu) 其中section和article最為相似，而且和div標(biāo)簽貌似也有很大相似之處 但看似相似，并不是真的。

1設(shè)計(jì)能反映網(wǎng)站內(nèi)容的logo，并且將logo放在網(wǎng)站的醒目位置2網(wǎng)站的顏色要統(tǒng)一，要突出網(wǎng)站的主調(diào)色彩3相同類型的圖像要有相同的效果4網(wǎng)站要有一句明晰的宣傳標(biāo)語三網(wǎng)站布局類型 1國(guó)字型布局 這種布局類型分；建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

在HTML5頁(yè)面中，經(jīng)常使用ltnav標(biāo)簽來充當(dāng)導(dǎo)航的結(jié)構(gòu)化標(biāo)簽ltnav標(biāo)簽用于定義頁(yè)面的導(dǎo)航部分，通常包含導(dǎo)航鏈接或?qū)Ш讲藛嗡峁┝艘环N語義化的方式來標(biāo)記頁(yè)面的導(dǎo)航內(nèi)容，使得搜索引擎和輔助技術(shù)能夠更好地理解和處理導(dǎo)航部；首先在瀏覽器中進(jìn)入b站主站，然后下拉首頁(yè)至底部，點(diǎn)擊“傳送門”下面的“幫助百中心”進(jìn)入“幫助中心”頁(yè)面之后，同樣下拉網(wǎng)頁(yè)，點(diǎn)擊度左側(cè)幫助中心列表下面的“HTML5播放器”點(diǎn)擊左側(cè)幫助中心列表下面的“HTML5播放器”。

3接下來要在titletitle標(biāo)簽中間輸入標(biāo)題如個(gè)人網(wǎng)頁(yè)在bodybody中輸入“自己做的第一個(gè)網(wǎng)頁(yè)，厲害吧”完成后點(diǎn)擊保存并將記事本后綴名txt改為html格式 4將記事本重命名為html格式后，出現(xiàn)如下格式5；HTML5對(duì)SEO結(jié)構(gòu)上的好處 ltheader定義了站點(diǎn)的頭部信息，也就是頁(yè)眉，一般放置網(wǎng)站的站點(diǎn)名稱以及LOGO和導(dǎo)航欄搜索引擎更容易識(shí)別站點(diǎn)的類型ltnav定義導(dǎo)航鏈接，也就是欄目或者頻道的鏈接搜索引擎可以更好了解網(wǎng)站的信息。

一般來說導(dǎo)航欄是放在一個(gè)網(wǎng)頁(yè)里的，然后所有的網(wǎng)頁(yè)都以調(diào)用的方式在頂部添加這個(gè)網(wǎng)頁(yè)這樣，更改這個(gè)網(wǎng)頁(yè)，其他網(wǎng)頁(yè)也相應(yīng)顯示更改后的樣子了以tophtml為例，在indexhtml首頁(yè)就以lt！#include file=quottophtmlquot；無論html5還是ios，在整個(gè)網(wǎng)頁(yè)開發(fā)過程中，前端html5開發(fā)工程師主要負(fù)責(zé)三個(gè)部分“首頁(yè)制作”“網(wǎng)站測(cè)試”“修改”html5與網(wǎng)頁(yè)設(shè)計(jì)和制作的區(qū)別最初的網(wǎng)頁(yè)設(shè)計(jì)和制作，主要是針對(duì)pc平臺(tái)，進(jìn)行網(wǎng)站的設(shè)計(jì)和制作。