Web语义化、响应式设计

Web语义化

Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。

如果可以在合适的位置使用恰当的标签，那么写出来的页面语义明确，结构清晰，搜索引擎也可以认出哪些是页面重要内容，予以较高的权值。

响应式Web设计

响应式Web设计(Responsive Web design)的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。

表现与结构分离

在之前一代的网页设计中，网页的表现和结构糅合在一起，不利于页面的修改。在最新的Web3.0标准中建议使用DIV来进行页面的结构布局，用CSS进行页面的样式表现，从而将网页的表现与结构分离。

当我们希望改变网页内容时，网页中没有多余的CSS代码，可以很快速地修改内容。而当我们希望给页面重新改头换面，换一种表现形式时，我们只需要修改CSS样式表文件。这样就称为表现与结构分离。

下面这些文章都对Web语义化进行了详细的阐述，值得一看：

1.Web语义化 - 博客园 dolphinX

2.WEB前端开发经验总结–XHTML语义化