Web语义化、响应式设计

Web语义化

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

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

响应式Web设计

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

表现与结构分离

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

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

 

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

1.Web语义化 - 博客园 dolphinX

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

 

posted @ 2014-08-26 15:16  陈树义  阅读(202)  评论(0编辑  收藏  举报