borderradius 5pxbehavior urlcssPIEhtcposition relativenav_bg lihover， nav_bg lion cursor pointerbackground #fffbordertop 1px #000 solidborderleft 1px #000 solid 本回答由提问者；代码如下 以下为html5代码，获取地理位置 function getLocation 检查浏览器是否支持地理位置获取 if navigatorgeolocation 若支持地理位置获取，成功调用showPosition，失败调用showError alertquot正在。

iconfont内容应该是引一个字体文件设定相应字体，i标签里的乱码就是字体图标的编码，如果在页面上没看出效果可以确认下字体文件有没有引好；adisplay blockahoverbackgroundurl#39红色方框的图png#39思路差不多就这样，具体的代码和图自己搞定吧。

估计导航用的fixed定位吧，var windheight =windowinnerHeight var bottomx = documentgetElementById#39bottomx#39 底部导航 windowonresizefunction var docheight = windowinnerHeight ifdocheig；HTML5是无法做这个事情的准确点说应该是用CSS的响应式布局这个东西你可以去看一下bootstrap，这个前端框架就是大量利用了这个技术。

HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下1，首先在html中，添加良好的导航内容2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式4，此时，在运行页面时，滚动条；html5 导航路线效果调用核心代码ltscript type=quottextjavascriptquot 默认地理位置设置为上海市浦东新区var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat。

html有以下几个语义化标记header元素header元素代表“网页”或“section”的页眉通常包含h1h6元素或hgroup，作为整个页面或者一个内容块的标题也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logofooter元素；3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并调整文本间距按F12预览，如下图所示6首先去掉字体前面的小黑点代码如下7预览，如图所示8接下。

而HTML5不基于SGML，所以不需要引用DTD文档结构元素 ltarticle 定义可以独立于内容其余部分的完整独立内容块ltheader 页面顶部ltnav 导航栏边导航，页面导，底部导标签lthgroup 定义多个标题时ltsection；你的截图是banner切换图 想要的效果是点击圆点切换不同的图片，还是切换当前所在的页面如果是切换当前所在的页面，你在图片上加上链接不就可以了吗。

在HTML5页面中，经常使用ltnav标签来充当导航的结构化标签ltnav标签用于定义页面的导航部分，通常包含导航链接或导航菜单它提供了一种语义化的方式来标记页面的导航内容，使得搜索引擎和辅助技术能够更好地理解和处理导航部；可以实现的，HTML5可以使用手机的GPS信息，利用百度等地图的开放API就可以了HTML5中可以通过IP，WIFI信息，GPS，来实现地理定位，当然相关精度也是有所不同，所以如果要精确导航就得使用GPS信息下面是一段HTML5结合百度地图。

建立三个网页，一个作为主页面，另外两个子页面作为切换页面嵌入主页面，子页面也可以用文字替代用jQuery方法来切换页面，语言比较简单网上搜一下看看就懂了 下面附上代码 lt！DOCTYPE htmllthtmllthead ltmeta charset=；ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距离底部为0*left0zindex1ltstyleltdiv class=quotfootmenuquot lt！导航具体内容ltdiv。

HTML5+CSS3做一个后台管理系统的侧边导航栏，点击三条杠，可以收起或展开侧边导航栏收起时，图标变大，文本在图标下方，管理员头像右侧的欢迎语隐藏展开时图标变小，文本在图标的右侧显示，管理员头像右侧的欢迎语显示。