H5如何布局？这个才是入门篇…

H5如何布局？这个才是入门篇…

说:

1.谢谢基友K，给了很多温馨的提醒。叫他李，很尴尬，那我叫什么？本家人的痛苦。

2.工作上谢谢你。活很多，自己出海。很多年前我就接触过H5，但一直没有机会深入分析。这次做了一个手机网站，好容易。

3.感谢生活。虽然已经三十多岁了，但还是喜欢摆弄一些技术上的东西。我不喜欢，但这只是一种习惯。有点技能，谋生也很方便。

如何进行H5布局？

说白了，H5布局就是用H5独有的新标签(含义)取代传统的布局方式。注意以下几个方面:

1)css="superseo">ss写法不会变。例如，如果你定义了标签，那么你需要像css中那样写header{}。另外，H5标签也可以加上class或者id，css写法没有区别，比如。风格名称{}#风格名称{}；

2)手机网站的H5标签(包括css3)适用，可以安心获取，不用考虑废话兼容。如果是简单的PC网站，建议传统的div布局比较合适；

3)响应式网站，技术迫使思考，必须和H5一起做。那么html5shiv.js或者modernizr.js就是一个非常好的IE兼容解决方案。(比如李咏的拼写semblog)。注:ie8，以下不能做。能够在网页顶部d出提示你升级IE是你友好感觉的一部分。

4)关于bootstrap，有兴趣的同学，请快速入门。外国人的货，不能不被认可。真正的TM是NB做的。规范，规范，太规范了。

如何选择H5版面标签？

我明白，手动表达。如果不理解，那约定好的那篮豆腐呢？

总体而言:

<标题><标题>:相当于

<页脚></footer>；:相当于

<section></section>；:相当于

<旁白></旁白>:相当于

或者在导航栏中分页查询:

<nav></nav>；:<divclass="nav"><ul></ul>；</div>；

文章、帖子或其他单独的网页:

<文章></article>；:相当于

<时间></time>；:只需在其中输入时间和日期，相当于2016-05-2115:43:21<；/div>；，适用于发布日期功能，表示发布时间。

<总结></summary>；标签包括details元素的标题，而“details”元素用于描述相关文本文档的细节或文本文档的亮点。“summary”元素应该是“details”元素的第一个子元素。<详情><总结>HTML5</summary>；这份文件教你所有你需要学习的关于HTML5的知识。</details>；

其他标签:

<音频></audio>；:标签定义声音，如歌曲或其他音频流。html5:<；audiosrc="someaudio.wav">您的计算机浏览器与音频标签不兼容。</audio>；

<视频></video>；:标签定义视频，如电影对白或其他rtmp协议。<videosrc="movie.ogg"controls="controls">；您的计算机浏览器与视频标签不兼容。</video>；

<source>:标签是媒体原语(例如)定义媒体资源。<音频控制><sourcesrc="horse.ogg"type="audio/ogg">；<sourcesrc="horse.MP3"type="audio/mpeg">；您的浏览器不支持音频元素。</audio>；

<datalist></datalist>；:标签定义可选数据信息的目录。通过输入元素的应用，您可以创建一个下拉框来输入值。

<图>标签用于组成元素。应用

<马克></mark>；:关键是要直观地向客户展示这些必须突出显示的文本。<马克>标签的一个典型应用就是在百度搜索中向客户突出关键词搜索。传统配方，如

<hgroup></hgroup>；:标签用于构成网页或部分的标题。

H5也有许多新标签。一般不需要他们。你很有兴趣去百度。以上常见的你都可以打通，做一个标准的H5网页问题不大。

H5版面的传统标签还能用吗？

毫无疑问，答案，如em，I，span，ul，li，P，pre，这些常见的传统标签，在网页中也可以使用。你不必谄媚。仅仅因为H5布局引入了一个新的语义标签并不意味着它就是全部。