一丶标签问题


对于初学者来说,无疑用得最多的标签就是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. css和js禁止网页选择文字

    user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行 ...

  2. Symfony2中的设计模式——装饰者模式

    装饰者模式的定义  文章链接:http://www.hcoding.com/?p=101 个人站点:http://www.hcoding.com/ 在不必改变原类文件和使用继承的情况下,动态地扩展一个 ...

  3. C#中睡眠函数Sleep

    命名空间:using System.Threading; Thread.Sleep();//睡眠500毫秒,也就是0.5秒

  4. 必须声明标量变量 "@cid"。

    出错代码: public bool Delete_List(int cID) { StringBuilder strSql = new StringBuilder(); strSql.Append(& ...

  5. Activiti工作流学习-----基于5.19.0版本(3)

    前面关于eventType的属性值的配置简单的说了一下,activiti支持的值如下表所示:这是我摘抄的activiti官网的 Event 的名字 描述 Event的类名 ENGINE_CREATED ...

  6. iOS开发:UILabel无法响应点击事件的问题

    UILabel 是默认关闭用户的交互的 即: _contentLabel.userInteractionEnabled = NO; 修改之后: _contentLabel.userInteractio ...

  7. 关于炒股软件——金魔方炒股软件的Dll外挂开发

    2015-01-19 14:40:04 金魔方平台是由飞狐交易师原创团队集多年研发经验,依靠和讯财经网强大资源,吸取国际专家思路而推出的十年巨作.目前新出的这个2.0版,这一版在数据存储方面作很大的改 ...

  8. android-support-v7-appcompat的配置使用

    直接将android-support-v7-appcompat.jar包拷贝到项目的libs/下面是不能使用的,具体做法官方文档给出了详细说明: (开发环境是ADT) Using Eclipse Cr ...

  9. 关于NSIS脚本的Demo

    这个NSIS脚本是打包公司的整个Release项目工程. 用NSIS编译器编译下就可以了. ; Script generated by the HM NIS Edit Script Wizard. ! ...

  10. 【转】android service 之二(IntentService)

    原文网址:http://rainbow702.iteye.com/blog/1143286 不管是何种Service,它默认都是在应用程序的主线程(亦即UI线程)中运行的.所以,如果你的Service ...