HTML内容窗口的语义结构

发布：2018-10-19 15:05:16 浏览：3523

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

这些已命名的分区和范围之所以重要原因有3个:

1)唯一已命名的顶面元素能进行完全的程序控制及完全的样式表控制。除非页面元素有自己的名字，否则不能使用CSS和Javascript4处理。

2)唯一已命名的页面分区允许你对特定的页面区域和内容块更轻松地应用可视化样式，功能更强大。

3)唯一已命名的页面会给未来留下更多的选择，这是因为新的Web内容显示该备和样式表类型都在改进。有朝一日，你可能需要将网站更改成全新的内容管理体系如果页面和内容都包含在一致的、系统命名的页面分区中，网站制作的转变会更容易。在制作页面线框图和基础导航时，要对页面区域和主要顶面元素进行细致的语义命名，以发挥其功能性和便捷性。这个工作在项目开始时做起来很容易，越到后面越难且越不可能进行。