html教程之HTML5进修条记:section是有语义的div

Resig在2008年在其博客中介绍过HTML5的data-属性，现如今HTML5在如火如荼地推广，似乎国内的技术有些延迟，这篇博文可以在这里找到。破洛洛文章简介：那些新增的标签―html5进修条记。

登录/注册后可看大图

html5已出来有一段工夫了，固然万恶的IE面临其赤果果的色诱也硬不起来，但仍是有良多优异的网站入手下手使用了，究竟局势所趋嘎嘎。
比来在啃html5植物书，固然植物书讲的很多多少器材，在收集上的一些杂文里都看到过，不外究竟是植物书，会有一些小细节是值得往翻阅的。
好了切进主题，讲讲心得：
section是有语义的div

良多人很隐晦为何html5放着div那末短小精壮的器材不必，非要用section呢？
我的了解是div仍然有效，只是它能够代表无语义的器材。section像是一个沙盒子，将分歧的部分，区块，模块，辨别开。
header不是必定要独一

起首要说的就是这个header标签，之前看了很多多少关于html5的杂文，给人的感到就像是header标签是网站头部退化过去的，实在否则，就像之前良多人以为h1只同意有一个一样。
由于header能够包括在article里作为文章的头部标签。见(49页)
hgroup在header标签中充任目次指引感化

本来一向很不分明hgroup的感化，由于w3cschool上体现的例子中hgroup中都是些h*标签汇合，这类器材在实践使用中的使用场景十分局促。但当发明article里能够丢header标签后这个成绩就办理了。
实在团体以为这个标签的重心在目次指引，在内容为王的时期，hgroup标签会给搜索引擎优化带来必定奉献。
有了沙箱后，网站布局变得不是那末善始善终

良多人以为一个web中只能用一个h1不克不及用太多h2，和大批h3，乃至都找不到h4的踪影。
现实告知我们，我们乃至能够在nav标签中利用h1。
那末如许写不仅不会搅浑搜索引擎优化抓重点。并且能让web看着加倍婀娜多姿，凹凸有致。
</p>
每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5viewport的使用能帮你做到这一点……

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

仓酷云

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.