<hgroup>等的作用
2013-07-08 16:56
197 查看
如果你了解布局方式从以前的“table表格布局”到现在注重语义化的布局的转变,你就不会奇怪为什么对多出怎么看上去有点啰嗦的新标签了。
简单点说,你用div也可以实现像aside等标签的功能,但div这个标签创作出来时,目的很简单,就是创建一个分区(division),而如果你用div来实现其他功能,就违背了它原来的语义了,这不利于代码的可读性、搜索引擎优化等。
举点例子: 你问的hgroup元素,语义就是组合网页或区段的标题,修改hgroup样式后,被他包围的h1、h4之类的标题元素就会同时继承他设置的样式。 section、aside:分别是定义节(如章节/页眉) 和定义某内容之外的内容(类似题外话的意思)。 比起在HTML5以前的版本,这些标签都是对页面更细致的设置。HTML5使以前用一个像div那样的元素 来实现多种作用而导致其语义模糊的情况少了很多。
---------------------------------摘自-百度用户(zjiap)的回答。
相关文章推荐
- <%=request.getContextPath()%>的作用
- web.xml里<filter-mapping>中的<dispatcher>作用
- <context-param>与<init-param>的区别与作用
- <context-param>与<init-param>的区别与作用
- <context-param>与<init-param>的区别与作用
- <form>标签只能作用一个<input type="hidden"/>?
- <context:component-scan/> 作用
- <!DOCTYPE html>的作用
- <context-param>与<init-param>的区别与作用
- <context-param>与<init-param>的区别与作用
- <mvn:default-servlet-handler/>标签作用
- <context-param>与<init-param>的区别与作用
- <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE validators PUBLIC "-//OpenSymphony Group//XWork Val
- <aop:aspectj-autoproxy />作用
- <context-param>与<init-param>的区别与作用
- <context-param>与<init-param>的区别与作用
- <context-param>与<init-param>的区别与作用
- <context-param>与<init-param>的区别与作用
- <context-param>与<init-param>的区别与作用
- <welcome-file-list>标签作用,怎样使用