如果不想用传统的页面跳转，可以考虑使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以实现你说的那种，上下不动只有中间的内容在变，其实加载的是不同的模板，然后用路由控制的，整个浏览器始终处在一个界面中；b站也就是bilibili，在b站，如果您想体验HTML5视频播放器的效果，请开启HTML5视频播放器试用，那么怎么切换到html5呢下面我截图操作说明一下1首先在浏览器中进入b站主站，然后下拉首页至底部，点击传送门下面的帮助中心。

标签HTML5 引入了许多新的语义化标签，其中标签专门用于定义导航链接的部分这个标签不仅为开发者提供了一种更明确更具描述性的方式来标记导航元素，而且还增强了网站的可访问性和搜索引擎优化在HTML5之前，开发者通常；首先 手机 和 PC 是2套页面手机端，width 100%就可以了pc， width 可以直接写死如果你会bootstrap 那更好了它专门为响应式而生的框架。

分为两个部分1HTML5文件2CSS3文件一HTML5部分1 HTML5的文档声明新建indexhtml文件，如果用的网页编写工具已经支持HTML5文件类型，那么，应该生成如下的HTML5模板 1 lt！DOCTYPE html 2 lthtml lang=quotenUSquot 3 lthead 4；首先在浏览器中进入b站主站，然后下拉首页至底部，点击“传送门”下面的“帮助中心”进入“帮助中心”页面之后，同样下拉网页，点击左侧帮助中心列表下面的“HTML5播放器”点击左侧帮助中心列表下面的“HTML5播放器”之后。

html 点击制作栏目，进入模板选择页 1选择空模板，自由创作2选择主题模板，更快速的创作出炫丽的展示2 选择模板后，进入创作界面 3 预览树操作 1；列举常用HTML5结构组合 header nav section article figure figcaption aside footer 一般首页结构，如图所示 当然也可以是下面的结构 其中section和article最为相似，而且和div标签貌似也有很大相似之处 但看似相似，并不是真的。

1设计能反映网站内容的logo，并且将logo放在网站的醒目位置2网站的颜色要统一，要突出网站的主调色彩3相同类型的图像要有相同的效果4网站要有一句明晰的宣传标语三网站布局类型 1国字型布局 这种布局类型分；建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

在HTML5页面中，经常使用ltnav标签来充当导航的结构化标签ltnav标签用于定义页面的导航部分，通常包含导航链接或导航菜单它提供了一种语义化的方式来标记页面的导航内容，使得搜索引擎和辅助技术能够更好地理解和处理导航部；首先在浏览器中进入b站主站，然后下拉首页至底部，点击“传送门”下面的“帮助百中心”进入“帮助中心”页面之后，同样下拉网页，点击度左侧帮助中心列表下面的“HTML5播放器”点击左侧帮助中心列表下面的“HTML5播放器”。

3接下来要在titletitle标签中间输入标题如个人网页在bodybody中输入“自己做的第一个网页，厉害吧”完成后点击保存并将记事本后缀名txt改为html格式 4将记事本重命名为html格式后，出现如下格式5；HTML5对SEO结构上的好处 ltheader定义了站点的头部信息，也就是页眉，一般放置网站的站点名称以及LOGO和导航栏搜索引擎更容易识别站点的类型ltnav定义导航链接，也就是栏目或者频道的链接搜索引擎可以更好了解网站的信息。

一般来说导航栏是放在一个网页里的，然后所有的网页都以调用的方式在顶部添加这个网页这样，更改这个网页，其他网页也相应显示更改后的样子了以tophtml为例，在indexhtml首页就以lt！#include file=quottophtmlquot；无论html5还是ios，在整个网页开发过程中，前端html5开发工程师主要负责三个部分“首页制作”“网站测试”“修改”html5与网页设计和制作的区别最初的网页设计和制作，主要是针对pc平台，进行网站的设计和制作。