降低编码和词义化标识完成方式

本文关键关心怎样根据词义化的标识、降低div应用等方式来简化编码。你是不是在改动别人的网页页面时，被他的乱78糟的编码搞晕乎？简约的编码不仅便捷自身，另外便捷你的精英团队组员。他在你调节网页页面或编写的情况下节约你的時间（特别针对大的新项目来讲）。
1、去掉无须要的div标识
我看到许多人都在form或ul目录的外面嵌入1个div构造，为何要嵌入这个你不必须的div那？你能够根据给相应的词义化的标识界定、引入新的css便可以做到一样的实际效果。
案例1：
1下实例展现的是怎样去掉div标识并界定1个新的款式给form标识。

案例2
有时大家以便完成內容间间隔的实际效果而在內容的外面嵌入1个过剩的div标识。1下事例的左侧提升了<div></div>来完成间隔。可是，既然每一个构造里边都含有题目标识h4,大家便可以给h4设定margin特性来完成间隔，从而省去过剩的<div></div>构造。

2、应用词义化的标识
在网页页面制做全过程中，应尽可能应用词义化的标识（如：h1界定题目，P界定段落文本，ul界定目录新项目），即便不确定义css款式，你的文本文档也是成心义的。

案例：
1下照片比照了div界定的构造和词义化标识界定的构造在沒有界定css展现的实际效果。

3、降低应用div的应用
案例1
连接导航栏实际效果，用p标识构造替代div标识构造更成心义。

案例2
1下案例我用1个span标识替代了原先的两个div标识构造，但她们完成的合理布局构造是1样的。

4、文件格式化你的构造编码
你要维持文件格式化你的编码构造，这样非常容易阅读文章和调节。假如你应用的是Adobe Dreamweaver,你点一下Commands > Apply Source Formatting就很非常容易完成编码的文件格式化。

5、注解闭合div标识
开发设计模板程序流程的情况下（例如WordPress themes），模板程序流程分为几个不一样的文本文档index.php, header.php, sidebar.php, and footer.php等。另外，你也应当常常的注解你的div标识构造,不至于自身晕乎。当我看到</div><!– /wrapper –>时，我就可以清晰的分辨出是<div id=”wrapper”>的注解。

总结：
1、降低应用div标识；
2、应当用div界定网页页面的关键架构构造，例如头顶部、內容、边栏和底部等构造；
3、內容应当应用词义化的html标识，而并不是div标识；
4、文件格式化编码另外要闭合div标识构造。

汉语原文：降低编码和词义化标识
英文原文：Coding Clean and Semantic Templates