深入学习CSS2.0结构,再谈div、span的困惑

深入学习CSS2.0结构,再谈div、span的困惑

  使用div进行布局,提出div应当用于组织代码结构,现在我们再深入一点,div拥有语义吗?

  division(分割),对了,前段时间浏览w3schools时,看到它是这样定义div的:The div tag defines a division/section in a document. 我想我对div的理解是没错的。在文档中定义一个分割或者节点。我说div用于模块化页面内容,实际上从代码结构角度是展现xml化的节点结构。除了定义一个节点以外,div目前还用于定义一个分割,产生具有结构的行。还是以登陆为例:

<div>

      <h3>用户登陆</h3>

      <div>

         <label for=”name”>用户名</label>

         <input id=”name” />

      </div>

      <div>

     <label for=”pw”>密码</label>

     <input id=”pw” />

      </div>

      <p><button /></p>

</div>

  最外层的div是作为产生节点使用,而用户名和密码部分实际上是为了产生具有结构的行,这里若使用br同样能够产生行,但是缺乏结构,所以div代替了br。猜到我要说什么了吗?呵呵,又是xhtml 2.0,2.0中的section和line标签,是的,在1.X中,div同时扮演了section和line的角色,因为分割产生节点,因为分割产生行。但是很明显section和line具有比div更为明确的语义,那么我们可不可以认为div的语义和br一样是模糊的,既然是模糊的,br已经被毙了,我们现在大量使用的div会不会落到同样的下场呢?不知道,至少目前的xhtml 2.0中,div仍然存在。看看上面的结构代码在xhtml 2.0中应该如何展示(没考虑XForm):

<section>

      <h>用户登陆</h>

      <line>

         <label for=”name”>用户名</label>

         <input id=”name” />

      </line>

第 1 2 3 页

深入学习CSS2.0结构,再谈div、span的困惑

相关文章:

你感兴趣的文章:

标签云: