前端代码书写注意事项

   1、结构化命名 VS 语义化命名

       结构化命名：比较容易理解元素在代码中的位置，一旦网页结构发生变化，元素需要重新命名，而且样式也需要修改

       语义化命名：让人清楚元素在网页中的角色，一旦网页结构变化，不需要重新命名，只需要修改css样式即可。

      2、语义化命名tips

• • Container：就是将你页面中的所有元素包在一起的部分，这部分你还可以命名为: ”wrapper“, “wrap“, “page“.
  • Header：是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分你还可以命名为:”