通常我们习惯打开侧边栏，可以通过如下操作打开图7打开Sublime侧边栏截图来自秒秒学课程打开侧边栏后，基本的编辑界面就是下图中的样子图8Sublime基本界面截图来自秒秒学课程上图有行数，代码缩略图，标题以及侧；设计师可以考虑把侧边栏做成滑动显示的方式，这样既节省了网站之间的空间空，又更加简洁 在侧边栏导航的设计中，要注意导航栏的宽度如果导航栏中的字体太长，在显示上会有一些问题，即使做成滑动显示也不能很好的解决问题复制的网站不适；纯H5的APP，虽然开发起来要比纯原生开发畅快的多，但最终效果和性能还是和原生比起来还是有很多问题，主要聚集在以下几个方面1动画 动画有很多种，比如侧边栏菜单的滑入滑出元素的响应动画页面切换之间的过场等等，在；article 是独立的一块内容，比如一篇新闻，一篇文章，包含文章主旨，还可以包含辅助内容section 类似div，不过比div更有意义，他是对内容进行分块aside 字面就是侧边栏，跟内容相关的一些引用内容这些元素表现形式都是；var oInp = documentgetElementByIdquotinpquot switcheventtype case quottouchstartquot oInpinnerHTML = quotTouch started quot + eventtouches0clientX + quot，quot + eventtouches0clientY + quotquot；name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，viewportfit=coverquot 这句话的作用就是在适配手机型号的时候，能够自动补齐安全区域safe area以后的区域，这样我们下拉的时候，就不会漏出去了。

HTML5怎么把导航固定在底部的步骤如下css的定位样式属性来实现会用到css中的positionfixed属性，结合来实现ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距离底部为0；底部链接等， 这些只要使用一些新的标签下面是一张html5概念图1ltheader 网站头部标签 2ltnav 导航标签 3ltarticle 内容标签 4ltsection 文章标签 5ltaside 侧边栏 6ltfooter 网站底部标签。

设置了DTD的方式是XHTML的写法，假如我们页面运用的是html5，可以不用设置DTD，直接声明lt！DOCTYPE html使用viewport使页面禁止缩放 通常把userscalable设置为0来关闭用户对页面视图缩放的行为完整的viewport设置，当然；设计师可以考虑做成侧边栏以滑动方式展现，在节约网站空间的同时也显得更加简约侧边栏导航的设计需要注意的是导航栏目的宽度问题，若导航栏中字体过长，在展示上会存在一定的问题，哪怕做成滑动展示的形式也不能很好的得以解决；1创建两个html文件，一个test一个test22打开test页面，在里面创建一个div，并给其添加onmousedown与move方法3打开后我们发现是一个棕绿的页面4定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标；侧边栏导航 使用频率高代码如下ltnav ltul ltlilta href=quotquot菜单1ltaltli ltlilta href=quotquot菜单2ltaltli ltlilta href=quotquot菜单3ltaltli ltul ltnav aside aside 标签，从语义化上。

4添加标签 HTML5提供的元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用侧边栏广告nav元素组，以及其他类似的有别与主要内容的部分根据目前的规范，元素有两种使用方法被包含；交互点击 滑动切换 H5移动网站电商支付，和微海报等微场景 典型案例 咫尺微页的H5页面 付费情况 免费版能进行基础编辑 增值版能去除尾部链接加载LOGO广告底标侧边栏等广告，有评论弹幕等高级功能，可以互推 8Epub360。

ltnav 导航栏边导航，页面导，底部导标签lthgroup 定义多个标题时ltsection 内容分块可设置cite属性ltaside 侧边栏，定义和页面内容关联度较低的内容如果被删除，剩下的内容仍然很合理ltfigure 代。