HTML5是无法做这个事情的准确点说应该是用CSS的响应式布局这个东西你可以去看一下bootstrap，这个前端框架就是大量利用了这个技术；实现如图21的网页结构，这是一个非常典型的博客页面头部尾部水平导航栏侧边栏导航以及内容图21在图21中已经看到，相应标签实现的区域用名称标注了出来，比如头部Header在编写页面前，有必要说一下页面元素由HTML5实现，而元素的显示效果是CSS3渲染的，CSS3的代码可以和HTML5的代码放在同一个文件，也可以。

1用Dreamweaver创建一个新的HTML文件2先按ctrls保存，以防突然断电，数据丢失3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并调整文本间距按F12预览，如下图所示6首先去掉字体前面的小黑点代码如下7预览，如图所示8；3 有个html css的基础之后，可以学习js，js是很重要的一个部分，学到一定成熟之后，可以学习下jQuery ， 好多特效使用jquery实现起来还是比较容易的4 h5 ，h5如果不配合js的是是没有咱们看到好多炫酷的效果5 如果自己不会代码，可以去看下mugeda都是图形化的操作界面，使用起来很直观哦。

HTML5怎么把导航固定在底部的步骤如下css的定位样式属性来实现会用到css中的positionfixed属性，结合来实现ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距离底部为0*left0zindex1ltstyleltdiv class=quotfootmenuquotlt！导航具体；html5网页中广泛使用垂直滚动，很多设计师都喜欢使用这种设计将一些动画效果与垂直滚动导航相结合，可以达到一种新的视觉效果我们来看看电装品牌网站官网，里面融合了很多特效 以上导航方式各有利弊，但不管是哪一种，导航既然是导航，就应该起到快速便捷找到用户需要的东西的作用，提高网站的可用性和可操作性不是花哨。

html左侧导航右侧内容

1、aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用侧边栏广告导航条，以及其它类似的有别与主要内容的部分aside元素主要有以下两种使用方法 1被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料名次解释，等等lt。

2、lt！doctype html lthtml lthead lttitle导航条lttitle ltstyle body margin 0boxsizing borderbox nav *最外层框宽度* width 150px nav ul margin 0padding 0 nav ul li liststyle display blockborder 1px solid #000000boxsizing。

3、如何设置导航栏导航栏是网站的重要组成部分，能够为用户提供方便的导航和浏览下面介绍如何设置导航栏确定导航栏的位置首先需要确定导航栏的位置，一般来说，导航栏可以放在网页的顶部侧边或底部在选择导航栏的位置时，需要考虑用户的习惯，一般来说，顶部导航栏是最常见的，因为用户习惯于在网页顶部。

4、html5 导航路线效果调用核心代码ltscript type=quottextjavascriptquot 默认地理位置设置为上海市浦东新区var x=12149，y=3171 windowonload = function ifnavigatorgeolocation showPosition documentgetElementByIdquotst。

html5 左侧导航 右侧内容

4添加标签 HTML5提供的元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用侧边栏广告nav元素组，以及其他类似的有别与主要内容的部分根据目前的规范，元素有两种使用方法被包含在中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的引用词汇。

通常作为页面导航的链接组 侧边栏导航 使用频率高代码如下ltnav ltul ltlilta href=quotquot菜单1ltaltli ltlilta href=quotquot菜单2ltaltli ltlilta href=quotquot菜单3ltaltli ltul ltnav aside aside 标签，从语义化上看为在旁边侧边，其用法如下在 article 标签中。

相反，侧边导航lt则适用于拥有大量链接的复杂产品，它提供了扩展和个性化定制的可能设计风格是导航条的点睛之笔，常见的包括扁平化阴影悬浮色彩填充深色风格和透明风格扁平风格通过与背景无缝融合，展现出简约之美阴影悬浮则通过增加立体感，增强与页面内容的区分度色彩填充则通过高级色调提升。

很简单啊，右边放一个iframe框架，name值＝自定义昵称，然后左边链接里加上target=框架name的名称，如ltiframe scr=quoturlquot name=abc，那么你左边导航的链接里lta herf=#39#39 target=quotabcquot，这样左边的链接就会显示在右边的框架里了。

5CSS3 动画CSS3应该是动画家族里绝对不会被遗忘的一名成员这里我们定义它为 擅长于平面层的动画CSS3的缺陷应该在于它的部分属性还没有被浏览器有好的支持关于动画的应用和基础属性介绍在之前也已经介绍过了，如果小伙伴们忘记了，可以点击下面的链接去从新温习一下这里说个题外话， 如何高质。