一丶标签问题


对于初学者来说，无疑用得最多的标签就是div和span了，当然就算只用这2个标签也能写出一个好看的页面，但是W3C为什么会给我们这么多标签来选择呢？

从浏览器的渲染来讲，标签的语义话，更容易让浏览器去渲染这个界面，比如说一个HTML5的标签heard，浏览器渲染到这里的时候就很快速的知道，你这个是头部，一个ul标签，就知道是个列表，越来越多的前端人员注重了标签的语义化，W3C也不断的给我们定义更多的新标签，为什么我们不去使用，语义化的标签在工作中，别人接手你的代码时更容易去读懂，在维护时，更快速。

二丶class和id的选择

在你最开始的学习HTML的时候，不管是老师也好还是网上的教学也好都说过，尽量使用class，而去避免id，id是要留给JS去使用的。这个问题也是和HTML一样，CSS中既然给了我们id选择器，就有它的用处，而且在CSS3中，不断提供新的选择器，我们应该合理的去使用选择器，而不是整个页面都是CLASS，ID也有他的优先处，当然对于框架的开发，那就是CLASS了。

三丶class和id的命名

今天在做项目的时候，我发现一个组员写的代码，最外面的叫content,然后里面包一个div,叫content1,然后content1里面的叫content2，我就不知道说什么了，这叫谁能看懂？我们命名的时候有点意义好吗，你说你不懂英语，那你用拼音来命名也比你这样content1,content2好吧？

仅代表个人观点，关注更好的代码书写，请关注我。Web前端-冀

随机推荐

  1. magent——memcached缓存代理服务器

    memcached分布式缓存 我们使用PHP连接多台memcached服务器,做分布式缓存,实现如下: $memcache = new Memcache; $memcache->addServe ...

  2. Activiti工作流学习-----基于5.19.0版本(1)

    该版本的Activiti运行须知: 1.JDK 6+,Eclipse最好是Kepler以上版本. 2.试验功能都有EXPERIMENTAL标注,被标注的部分不应该视为稳定的. 有兴趣的同学可以去了解下 ...

  3. HTML5实现的视频播放器01

    HTML5实现的视频播放器   什么是hivideo? 最近一段时间在使用PhoneGap开发一个App应用,App需要播放视频,本想直接使用html5的video,但使用它在全屏播放时不支持横屏播放 ...

  4. ubuntu 终端只显示当前目录名称

    修改.bashrc文件: 原来: #修改终端提示颜色 color_prompt=yes if [ "$color_prompt" = yes ]; then PS1='${debi ...

  5. cf B. Two Heaps

    http://codeforces.com/contest/353/problem/B 题意:要把2*n个两位数分成两部分,使得第一部分上的数和第二部分上的两位数组成四位数.求怎么分能使构成的不同的四 ...

  6. Qt编程之在QGraphics scene中使用图片

    http://stackoverflow.com/questions/5960074/qimage-in-a-qgraphics-scene http://stackoverflow.com/ques ...

  7. 360网站卫士常用前端公共库CDN服务

    360网站卫士常用前端公共库CDN服务 360网站卫士常用前端公共库CDN服务

  8. 我的四年建站故事（X）

    今天版主们有在群里聊建站的事情了,似乎他们每个人都很热衷于搭建一个自己的网站或者博客,我突然之间觉得非常有必要做一些经验的分享.        首先我想先介绍一下CMS( 网站内容管理系统, 即 Co ...

  9. cocos2d-x核心基础类

    Application 应用程序入口类 EGLView 绘图句柄 Director Node Layer Scene

  10. JPA字段映射（uuid,日期，枚举,@Lob）

    转:http://www.cnblogs.com/tazi/archive/2012/01/04/2311588.html 主键: JPA主键的生成策略不像Hibernate那么丰富. @Id @Ge ...