html5中的结构性标签怎么使用

html5 虽然增加了很多新的标签，但是并不代表完全抛弃了原有的标签，例如dl-dt-dd组合标签和ul-li组合标签等。article、section的出现并不代表着div作用减少，而是说更合理更清晰的用html标签表达出网页的结构。

创新互联公司是创新、创意、研发型一体的综合型网站建设公司，自成立以来公司不断探索创新，始终坚持为客户提供满意周到的服务，在本地打下了良好的口碑，在过去的十余年时间我们累计服务了上千家以及全国政企客户，如成都凿毛机等企业单位，完善的项目管理流程，严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致称誉。

在HTML5页面中，经常使用nav标签来充当导航的结构化标签。nav标签用于定义页面的导航部分，通常包含导航链接或导航菜单。

首先nav也是在html5中新增的元素标签。同时和其它新增标签一样，nav在传统html5以前版本Html布局中作为导航条相关常用命名来使用。

/footer知识扩展我们在html5开发使用footer标签时，把当作普通div标签对待即可，只不过一般用于网站底部布局。一般情况下一篇网页只有一个底部区，所以使用最好只使用一次footer即可。

所以在HTML5中，header的使用更加灵活，你可以根据你的需要来定义和组织document结构。

列举常用HTML5结构组合 header nav section article figure figcaption aside footer 一般首页结构，如图所示 当然也可以是下面的结构 其中section和article最为相似，而且和div标签貌似也有很大相似之处。

h5的制作工具有什么

H5制作软件有ih意派、MAKA、易企秀、兔展等。具体可以分为大众版和专业版两种类型，都是工具，但特点也是明显的。

MAKA 想要更加方便的进行H5制作，那么就可以选择MAKA，这是一款非常方便的H5的制作工具，它的涵盖范围非常广，覆盖了几十个行业和多个领域，涉及的内容也比较多，不光含有H5，还有一些海报和视频。

Page页面制作工具，来自M1云端市场部 这款工具是梅花网新推出的，针对集客营销的H5页面制作工具。这款工具拥有丰富的模板和插件，能够在较短的时间内做出美观又简洁的H5页面。

html5开发常见的7个框架,你知道几个?

Less Framework（MIT；响应式）自适应的CSS网格系统。 Flameinwork（Free）适合懒人开发者的前端微框架。 G5 Framework（Free）(x)HTMLCSS、PHP前端开发框架。

Titanium使用 Alloy，Alloy是一个快速开发的手机应用MVC框架， 模块式开发可以大大减小开发时间，提高代码复用。⑥：Sencha Touch Sencha Touch 同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。

Bootstrap：主流框架之一，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。html5-boilerplate：该框架可以快速构建健壮，且适应力强的webapp或网站。

KendoUIKendoUI是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。

Angular Angular是一个JavaScript框架，最为核心的是：MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一个高级响应式的HTML5，CSS以及JavaScript工具包，可以用于快速创建原型并且建立在各种浏览设备上可以正常工作的网站和app。

网站名称：html5标签框架制作 HTML5框架代码
文章起源：http://ybzwz.com/article/dgdhjph.html