怎么语义X/HTML可以节省时间，我们将编写CSS?

Question

怎么语义X/HTML标记可以节省时间

1. 当我们将编写CSS 网站
2. 如果设计的任何改变来自 客户在未来。
3. 为什么基于表布会 需要更多的时间始终是在两个 条件

今天我来解释这些事情的学生。

我有一些例子，但我希望有更多良好实例和理念的解释很好。

我想解释一下好处是什么语义X/HTML标记，从开发的观点。

在此先感谢

更新：

福利的使用语的标记:

1. 它将是可读的，在良好的方式来人们看到文件中的一个 环境CSS不能 应用。
2. 这将是一个很容易用于网页开发人员来维护代码， 以单独的内容(HTML)从 介绍(CSS)。
3. 语义标记可以减少需求的css组 选择在某些情况下。

Answer 1

从我的工作经验：我有好几倍，现在看旧的标记来自我的前任或从完全的其他人(实际上一次或两次从我自己)。有时候我只有什么来自观察源在浏览器。我的调查结果迄今为止：

• 如果提交人使用 语义标记 尽可能的，同时明确和逻辑类名称，这是非常容易和有趣的找出结构的网页，例如，代码一个新的部件或重组列的布局或东西

• 如果提交人使用 基于表 布局，并且我也有东西从90年代末来看，它是一个完整的混乱。你必须弄清楚，这表行做什么，这表单元属于在哪里和如果你开始想你会得到一个握，你忽视了一个 rowspan="3" 300lines的标记之前。即使在萤火虫你可以成为疯狂的这样的标签汤。

  增加新的东西在这里可成为很冒险。如果添加的内容，以表格的单元，并不完全修复的宽度和高度，新的东西，你可能会发现自己具有高见的差距在所有的一页，并忘记打开或关闭 <td>s某处(200验证错误的原始页你可能会错过的东西的地方)可能导致一个完全旋图。

• 如果提交人使用 div和跨越 所有的地方，但没有做标记语义(即，编写 <div class="header1"/> 而不是的 <h1/>)，它仍然方式比表布局(在多数因为所提到的行和colspan因为你甲型肝炎病毒的一个机会，页面可能不完全炸毁，如果有一个 </div> 缺失的地方)，但是你仍然可以发疯的标记像

  </div></div>
  </div>
     </div>
    </div>
  </div></div>
    </div>
  

  此外，如果我有一个附带的样式表中，它主要是一个完整的混乱，也是。之间的区别 .header, .header1, div.header_level1 和 #middle .h1 强迫你来回跳之间的样式表和标记。

Answer 2

主要的优点，除了更多的可靠和可控的代码，用于开发人员是明确的代码。与书写的语义XHTML你可以避免含糊写代码，它将难以破解通过其他开发商或在自己的未来。

IE。 <address> 是更好地为清单的一个地址于使用 <div> (这种情况发生了很多...)，同时具有同样的灵活性，造型和提高其可读性。

Answer 3

1. 我们将编写CSS第一时间对网站

每个网站有不同的看/布局，你必须写css为它的第一次，除非他们是一些相似之间的布局。

2. 如果任何改变设计来自客户的未来。

你可以让你的网站使用视的设计图案，这将提升了很多改变设计的网站。

3. 为什么表基础的布局将需要更多的时间始终是在两个 条件

因为他们的标记是在设计方式就必须编写更多，而在div基础的布局我们使用 清楚的 和 漂浮 主要做大量的工作的迅速创造的布局。