一丶标签问题


对于初学者来说，无疑用得最多的标签就是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. MySQL STRAIGHT_JOIN

    问题 最近在调试一条查询耗时5s多的sql语句,这条sql语句用到了多表关联(inner join),按时间字段排序(order by),时间字段上已经创建了索引(索引名IDX_published_a ...

  2. Python新手学习基础之函数-概念与定义

    什么是函数? 函数是可以实现一些特定功能的方法或是程序,简单的理解下函数的概念,就是你编写了一些语句,为了方便使用,把这些语句组合在一起,给它起一个名字,即函数名.使用的时候只要调用这个名字,就可以实 ...

  3. Unity中的关节

    关节组件一共分为5大类,它们分别是链条关节.固定关节.弹簧关节.角色关节和可配置关节.链条关节(Hinge Joint):将两个物体以链条的形式绑在一起,当力量过大超过链条的固定力矩时,两个物体就会产 ...

  4. 利用linux信号机制调试段错误(Segment fault)

    在实际开发过程中,大家可能会遇到段错误的问题,虽然是个老问题,但是其带来的隐患是极大的,只要出现一次,程序立即崩溃中止.如果程序运行在PC中,segment fault的调试相对比较方便,因为可以通过 ...

  5. 推荐2个小工具 .NET reflector resharper

  6. PHP关于时区问题

    最近在学习PHP过程中发现PHP中的格式化时间戳比北京时间晚了8个小时,上网搜索发现原来是时区不对,解决办法是:      1.永久修改           更改php.ini文件中的data.tim ...

  7. hdu 5391 Zball in Tina Town(打表找规律)

    问题描述 Tina Town 是一个善良友好的地方,这里的每一个人都互相关心. Tina有一个球,它的名字叫zball.zball很神奇,它会每天变大.在第一天的时候,它会变大11倍.在第二天的时候, ...

  8. table表格边框样式

    ; border-left:1px solid #aaa; border-top:1px solid #aaa; } td{border-right:1px solid #aaa; border-bo ...

  9. python核心编程第二版笔记

    python核心编程第二版笔记由网友提供:open168 python核心编程--笔记(很详细,建议收藏) 解释器options:1.1 –d   提供调试输出1.2 –O   生成优化的字节码(生成 ...

  10. 在 IIS 上创建 FTP 站点

    微软参考文档: 在 IIS 上生成 FTP 站点 主要过程: 1.控制面板 -> 程序 -> 启动或关闭Windows功能 -> 将Internet Information Serv ...