1、section：在web页面应用中，该元素也可以用于区域的章节描述。header：页面主体上的头部，header元素往往在一对body元素中。footer：页面的底部（页脚），通常会标出网站的相关信息。
为克山等地区用户提供了全套网页设计制作服务，及克山网站建设行业解决方案。主营业务为网站制作、网站设计、克山网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
2、HTML5的文件扩展符(.html或.htm)与内容类型(text/html)保持不变。 HTML5中，刻意不使用版本声明，一份文档将会适用于所有版本的HTML。 从HTML5开始，对于文件的字符编码推荐使用UTF-8。
3、/div 表示这个div标签内部包含着菜单信息，nav是navigation导航的意思。这是和HTML语义挂钩，你可以用别的而不用nav，但是对SEO无好处，对搜索引擎不友好。而且有违背标准的趋势。HTML5出了很多语义化标签，是大势所趋。
4、nav是 HTML5 的新标签， 标签定义导航链接的部分。并不是所有的 HTML 文档都要使用到 nav 元素，nav 元素只是作为标注一个导航链接的区域。
5、同时完全就像使用div标签、span标签一样来使用nav标签可添加id或class，而与div标签又有不同处是，此标签一般只用于导航相关地方使用，所以在一个html网页布局中可能就使用在导航条处，或与导航条相关的地方布局使用。
修改的就是那些top之类的，如下所示：从第一个变成第二个。。
使用css中的绝对定位，设置定位参数。详解如下：对左侧导航设置绝对定位。设置相应的距离网页顶部固定距离。你的左侧导航会随着滚动条向下滑动，并与顶部保持一定距离。
CSS3+Js实现响应式导航条 今天制作了一个响应式导航条，能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式，这里主要用到的就是CSS3的Media Query。
我个人觉得，你写的好麻烦，我这样写的，可能跟你想要的不一样。你试试看。
float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。另外，绝对定位（position： absolute）的使用，也要非常小心。
打开百度，在百度上搜索：易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的guan 方网站。进入后，先登录自己的账号，可以直接用QQ微信登录即可，登录后就可以开始制作自己的手机网页微场景了。
建立三个网页，一个作为主页面，另外两个子页面作为切换页面嵌入主页面，子页面也可以用文字替代。
修改的就是那些top之类的，如下所示：从第一个变成第二个。。
但里面的主界面其实是用Web页面实现的，在外面套个手机浏览器框架的壳儿，就成了手机APP应用，这种东西有很多框架可用，你在框架下设计页面，然后框架把你页面打包成手机应用，著名的框架比如：PhoneGap。