2018-03-14

今日总结

我的css很乱，这样会导致维护和改动特别繁杂，我估计原因有3点：1、HTML结构不清晰，2.class命名没有表现出结构，3.不必要代码过多，这一点可能是基本功问题了。

每天一小点~

HTML标签 (总结)：

（我希望用正确的标签来描述页面内容，提高代码可读性）

• img: 图片 （较小的、修饰性的logo用background）
• p : 文字、段落
• ul： 页面中列表形式的内容。
• table: 表格、表单（我理解的是多行、多列就可以用table）
• form : 我理解的是：含input，并且带有提交功能的模块用form标签。
• h1~h6 : 页面的重要性（依次递减）
• a:超链接，我的理解：可点击的内容都可以用a，那么其实就用不着button了，是吗？
• span: 行内元素，与DIV一样，我的理解：1、没有任何语义的一个盒子，只不过，自身特点是同行显示。需要同行显示的内容，可以用span表示；2、页面中有些内容，不希望有强调，但是却有一个不一样的样式，可以用span。3、没有任何语义，但是需要表示的内容，比如：用户评价，后面的时间。
• i: 行内元素，默认斜体，与span类似，我理解是：用于表示页面中不需要强调的，一些提示信息，或很小的补充性样式。
• em：页面中有些内容，有强调的语义或样式，如：订购次数。可以用em表示强调。
  strong: 与em类似，表强调，不同之处：1、样式，em默认斜体，strong没有斜体。2、个人理解：em倾向视觉上的、提醒的强调。strong倾向重要性前调。
  b:不太了解语义，默认粗体，常用于文字粗体。
  div:虽然没有任何语义，我的理解是分区，从大了看如头部，导航，主体、尾部等，从小了看：每一些具有共同特性的区域都可以用div