W3C标准及语义化理解
W3C标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。
结构标准语言
可扩展标记语言 XML
可扩展超文本标记语言 XHTML
表现标准语言
层叠样式表 CSS
纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。
行为标准
文档对象模型 DOM
DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。
ECMAScript
ECMA制定的标准脚本语言
表现与数据分离
- 表现:顾名思义,就是表达出来的现象,在前端来看,就是html+css,就是平常所看到的的网页的架子;
数据:一般是从后端数据库或从哪爬过来的数据,然后在前台显示出来,即是网页中各个结构上的内容;
- MVC即Model、View、Controller即模型、视图、控制器。
MVC要实现的目标是将软件用户界面和业务逻辑分离以使代码可扩展性、可复用性、可维护性、灵活性加强。
- 实现表现与数据分离的好处与代价是什么?
好处:模块化 –> 容易测试 –> 降低bug频率;
坏处:程序结构复杂,比较耗时,上手有学习曲线;
WEB语义化
Web语义化是指使用恰当语义的html标签、class类名等内容,让页面具有良好的结构与含义,从而让人和机器都能快速理解网页内容。
语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内容,然后将收集汇总的信息进行分析,结果为人类所用;
另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器(如果访客有视障)能够读懂内容。
简单来说就是利于 SEO,便于阅读维护理解。
总结起来就是:
正确的标签做正确的事情
页面内容结构化
无CSS样子时也容易阅读,便于阅读维护和理解
便于浏览器、搜索引擎解析。 利于爬虫标记、利于SEO