|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
最近群里面很多人在问html5应该怎么学,这个问题其实没有标准答案。我开这个帖子,目的是为了收集大家每天的学习心得,欢迎大家来回复。破洛洛文章简介:细谈HTML5新增的元素详解.
关于HTML的衬着,扫瞄器一向停止在1999年的程度。为此,HTML5是一个有用主义计划,如许不但能够持续处置这么多年来散落活着界各个角落的HTML,也能够让扫瞄器厂商更简单增加新特征。这就叫degradegracefully(文雅升级)。让我们来看看HTML5增添的一些新元素。
HTML5布局元素
这真是民怨沸腾。今朝,我们界说布局只能经由过程一个“全能”的div,试图经由过程设置它的特征id的值如header,footer,sidebar等来分离表达头部,底部大概侧栏等。有了它们,代码编写者不再必要为id的定名费经心思,关于手机、浏览器等设备更有语义的优点。HTML5增添了新的布局元从来表达这些最经常使用的布局:
◆section:这能够表达书籍的一部分或一章,大概一章内的一节
◆header:页面主体上的头部。并不是head元素
◆footer:页面的底部(页脚),能够是一封邮件署名的地点
◆nav:到其他页面的链接汇合
◆article:诸如blog,杂志,大纲等当中的一条自力纪录。
举个例子,一个blog的首页,用HTML5写的话,能够是如许(有省略):
[code]<<!DOCTYPEHTML><HTML><head><title>realazy</title></head><body><header><h1>Realazy</h1></header><section><article><h2><ahref="http://realazy.org/blog"mce_href="http://realazy.org/blog">题目</a></h2><p>内容在此...(省略n字)</p></article><article><h2><ahref="http://realazy.org/blog"mce_href="http://realazy.org/blog">题目2</a></h2><p>内容2在此...(省略n字)</p></article>...</section><footer>nav><ul><li><ahref="http://realazy/blog"mce_href="http://realazy/blog">导航1</a></li><li><ahref="http://realazy/blog"mce_href="http://realazy/blog">导航2</a></li>...</ul></nav><p> |
|