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等主流文字编辑器。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
页:
[1]