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

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

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

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

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

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

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

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