如何让你的前端代码更像HTML5（用语义元素构造html5）
16lz
2021-01-22
自己写了很多的前端页面，但是感觉自己写的页面和HTML5关系不大，于是就借此机会好好研究一下HTML5。下面和大家分享自己的收获：
9个HTML5元素应用块级简单介绍：
article
包含内容，标题，作者署名，以及正文，但是不要包含footer
aside
与它周围的内容没有密切联系
figure
放一个图片
figcaption
对放的图片进行一个简单的说明，也可以是img不要alt标签
footer
只能够放一些网站版权信息，作品来源，法律限制以及链接子类的信息。不能放太多的链接，重要的内容或者无关的内容，广告等。
header
标注网页的页眉（也就是最顶端的部分），可以包含图片，nav，以及标题，副标题等
main
包装article
nav
包装一组链接
section
如果里面有标题h标签，那么就使用section，否则就使用div。
例如：
下面是常用的布局：
更多相关文章
- 如果没有内容，隐藏边框
- QQ、MSN、淘包旺旺、Skype常设对话的html链接代码
- 帮助相对路径链接到本地文件
- 在页面重新加载时添加活动链接和jquery幻灯片切换到自定义ajax w
- DiggBar如何基于不在其域上的内容动态调整其iframe的高度？
- IE-7 z-index问题-下拉区域在横幅下，它的内容没有显示在IE-7中。
- 如何将这些Twitter bootstrap 3导航栏链接集中在一起？
- 提交一个表单(后台生成id)，点击保存并一步后切换到下一个tab中，此t
- 在Paragraphs中显示mysql内容时出现问题