一丶标签问题


对于初学者来说，无疑用得最多的标签就是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. .net转php laraval框架学习系列（二）项目实战---Models

    上一篇已经介绍开发环境的搭建,如果有问题可以在文章后留言. 这篇将从项目实战开发,一步一步了解laravel框架. 在开发mvc项目时,models都是第一步. 下面就从建模开始. 实体关系图 由于不 ...

  2. WDCP控制面板的常用liunx命令集

    WDCP是在linux下的一款常用的服务器可视化管理面板,是新手使用linux搭建网站的福音.本文不过多的介绍WDCP是什么,如果需要了解的话,可以至WDCP官方介绍页面查看. 今天博主准备查看网站系 ...

  3. bug经验

    1.异常信息丢失导致定位问题困难. 2.findbugs工具 3.在某些if语句判断中return,可能会导致文件句柄无法关闭. 4.lastmodified()在win下和linux下的处理是不同的 ...

  4. maven配置文件解析

    maven2配置文件主要分为settings.xml与pom.xml两种,下面将逐一介绍. ===================================settings.xml======= ...

  5. 配置TC2.0运行环境

    一. 学习过程 下载TC2.0并打开如图: 这是一个集成的C语言环境包,包括TC.dosbox和一些编译工具,很明显这样我无法判断单个程序的功能,也无法区分哪些程序是必须的. 那么为了搞清楚哪些文件是 ...

  6. 关于NSIS脚本的Demo

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

  7. JPA中以HibernatePersistence为provider的批量插入问题

    为什么要批量插入 要插入10000条数据,如果不批量插入的话,那么我们执行的sql语句将是10000条insert insert into member (group_id, user_id, rol ...

  8. HDU 1402 A * B Problem Plus (FFT模板题)

    FFT模板题,求A*B. 用次FFT模板需要注意的是,N应为2的幂次,不然二进制平摊反转置换会出现死循环. 取出结果值时注意精度,要加上eps才能A. #include <cstdio> ...

  9. centerOS安装rkhunter

    rkhunter是专业检测系统是否感染rootkit的一个工具: rkhunter-1.4.2.tar.gz 解压后直接安装: #./installer.sh --layout defualt --i ...

  10. php中对MYSQL操作之批量运行，与获取批量结果

    <?php //批量运行,与获取结果 //创建一个mysqli对象 $mysqli = new MySQLi("主机名","mysqlusername". ...