html以及css注意要点

在html中，先说说它的布局。

1.标签的嵌套，要符合w3c得标准。

2.布局要精简有效，层级嵌套不要太深。

3.标签不可随意嵌套，每一层父级最好都加注释。

4.标签使用寓意化。

5.标签的title属性 ，假如出现标题或者文章有隐藏的部分，可以给标签添加title属性

布局方面可以参考bootstrap.

---

css类

首先类的定义

1.css的命名规范  我个人写法是遵循BEM是比较好的选择。

  BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格，而且包含更多的信息，它们用于一个团队开发一个耗时的大项目。

.block 代表了更高级别的抽象或组件。(父级盒子)

.block__element 代表.block的后代，用于形成一个完整的.block的整体。

.block--modifier代表.block的不同状态或不同版本。

之所以使用两个连字符和下划线而不是一个，是为了让你自己的块可以用单个连字符来界定，如：

.site-search{} /* 块 */

.site-search__field{} /* 元素 */

.site-search--full{} /* 修饰符 */

  根据这个命名方式，任何人看到都会一目了然，很清楚的知道你写的什么，包括后期维护都会很方便。

2.类的使用

每定义一个类就让它有存在的价值。

在样式的时候首先观察页面中公共样式部分，把它写成一个css组件。减少了代码，而且保证了样式统一。

合理利用标签，标签自带的属性就不要再给它样式。

2.关于页面注意的问题，图片我们要给他alt属性文本部分，根据需求需要加文本溢出隐藏的属性。

下一章我们展开html和css实现。