HTML内容窗口的语义结构

当你在为网站规划页面线框模板时，就应该熟悉到个别HTML文件中精心设置的语义HTML和CSS的益处了。设计优秀的、基于标准的Web页面由许多子区域组成，这些子区域不仅分布着页面的功能区域(页眉、页脚、欣赏栏、导航搜素框)，还为所有标准页面模板元素提供了唯一的名称“ID”。Web页面的这些内容被分割成多个子区域，用来标注页面功能区的分区(<div>…</div>)和范围(<span>…</span>)，为特定的页面元素和各种内容提供了一个“包裹”。通常，分区和范围的命名要郑重，每个重要的紧张页面元素都应该有一个唯一的ID。



这些已命名的分区和范围之所以紧张缘故原由有3个:
 
1)唯一已命名的顶面元素能进行完全的程序控制及完全的样式表控制。除非页面元素有本身的名字，否则不能使用CSS和 javascript 4处理。
 
2)唯一已命名的页面分区许可你对特定的页面区域和内容块更轻松地应用可视化样式，功能更壮大。
 
3)唯一已命名的页面会给将来留下更多的选择，这是由于新的Web内容表现该备和样式表类型都在改进。有朝一日，你可能必须要将网站更改成全新的内容管理系统假如页面和内容都包含在一致的、体系命名的页面分区中，网站制作的变化会更容易。在制作页面线框图和基础导航时，要对页面区域和重要顶面元素进行过细的语义命名，以发挥其功能性和便捷性。这个工作在项目开始时做起来很容易，越到后面越难且越不可能进行。