一丶标签问题


对于初学者来说，无疑用得最多的标签就是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. iOS中使用ZipArchive压缩和解压缩文件－备

    为什么我需要解压缩文件 有许多原因能解释为什么我要在工程中使用压缩和解压缩功能,下面是几个常见的原因: 苹果App Store的50M下载限制 苹 果公司出于流量的考虑,规定在非WIFI环境下,限制用 ...

  2. awk的日志模块追加日期时间字段的方案

    function test() { i = ) { system("sleep 1") "date +'%Y-%m-%d %H:%M:%S'" | getlin ...

  3. [SQL注入2]FROM SQL INJECTION TO SHELL: POSTGRESQL EDITION

    FROM SQL INJECTION TO SHELL: POSTGRESQL EDITION 这里先介绍一下POSTGRESQL.这是一款数据库管理系统,与oracle是同类型软件.08年左右的市场 ...

  4. 使用Volley StringRequest Get的方式进行发票查询操作

    //进行发票查询 btnFpSelect.setOnClickListener(btnFpSelectClickListener); private OnClickListener btnFpSele ...

  5. 通过布局文件来显示ListView内容并注册 ListView事件

    1:layout/vlist.xml是我们的布局文件,在这里一定要对首节点加上 android:descendantFocusability="blocksDescendants" ...

  6. BZOJ1978: [BeiJing2010]取数游戏 game

    1978: [BeiJing2010]取数游戏 game Time Limit: 10 Sec  Memory Limit: 64 MBSubmit: 650  Solved: 400[Submit] ...

  7. 【转】解决java.lang.IllegalStateException: The content of the adapter has changed but ListView...的问题

    原文网址:http://blog.csdn.net/ueryueryuery/article/details/20607845 我写了一个Dialog,Dialog中有一个ListView,想要点Li ...

  8. VS项目如何添加到svn

    SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS.CVS,它采用了分支管理系统,它的设计目标就是取代CVS.这里就讲一下VS2010如何将项目导入SVN版本控制. 工具 ...

  9. 自定义checkbox样式

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  10. NetAnalyzer笔记 之 一. 开篇语

    [创建时间:2015-08-26 22:00:12] NetAnalyzer下载地址 第一次写技术相关的博客,不足之处还请担待并告知. 在开始之前,先简单介绍一下NetAnalyzer, NetAna ...