编写高质量css代码.pptVIP

编写高质量CSS代码 肖兴 目 录 一、高质量的HTML 二、高质量的CSS 一、 高质量的HTML 1 标签的语义 2 为什么使用语义标签 3 如何确定你的标签语义良好 4 语义标签化应注意的一些其他问题 1 标签的语义 2 为什么使用语义化标签 传统的table布局网页的特点 ： 1 代码量大，机构混乱； 2 标签语义不明确，对搜索引擎不友好 div+css布局网页特点： 代码减少、结构精简、语义清晰 2 为什么使用语义化标签 因为css很强大,所以我们无论有没有按照语义选择标签，我们都可以通过CSS实现设计。所以，如果我们使用不当，容易陷入CSS布局的一个误区只要不尺table布局，只要通过css布局就是对的，就是符合web标准的。 CSS布局只是web标准的一部分。在，HTML、CSS、javascript这三大元素中，HTML才是最重要的，结构才是重点，样式是用来修饰结构的。正确的做法是，先确定HTML，确定语义的标签，再来选择使用合适的CSS。 3 如何确定你的标签是否语义良好 浏览器会默认的根据标签的语义给定一个默认的样式。 判断标签语义是否良好的一个简单方法就是：去掉样式，看网页结构的组织是否有序，是否仍然有很好的可读性