什么是渐进增强?
渐进增强是指在 web 设计时强调可访问性、语义化 HTML 标签、外部样式表和脚本。保证所有人都能访问页面的基本内容和功能,同时为高级浏览器和高带宽用户提供更好的用户体验。
核心原则如下:
1.所有浏览器都必须能访问基本内容
2.所有浏览器都必须能使用基本功能
3.所有内容都包含在语义化标签中
4.通过外部CSS提供增强的布局
5.通过非侵入式、外部javascript提供增强功能
6.end-user web browser preferences are respected
什么是 web 语义化?有什么好处?
web 语义化是指通过 HTML 标记表示页面包含的信息,包含了 HTML 标签的语义化和 CSS 命名的语义化。
HTML 标签的语义化是指:通过使用包含语义的标签(如h1-h6
)恰当地表示文档结构 。
CSS 命名的语义化是指:为 HTML 标签添加有意义的class
,id
补充未表达的语义。
为什么需要语义化?
1.去掉样式后页面呈现清晰的结构
2.盲人使用读屏器更好地阅读
3.搜索引擎更好地理解页面,有利于收录
4.便团队项目的可持续运作及维护