一丶标签问题


对于初学者来说，无疑用得最多的标签就是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. 本地windows下PHP连接远程oracle遇到的诸多问题

    任务目的:本地windows下PHP连接远程服务器下的oracle. 必须必须 确定服务器的数据库版本,如果本地的驱动和对方服务器版本不一致,会导致许多报错. 已知的oracle版本  分为 32位的 ...

  2. 如何在symfony 控制器里面创建soap web service

    通过一些工具将一个控制器设置成一个soap服务将会非常简单.首先,你必须安装了php soap扩展.由于php soap扩展现在不能生成wsdl,你要么自己从头开始创建要模使用第三方生成器. php中 ...

  3. Python新手学习基础之函数-全局变量和局部变量

    全局变量和局部变量 我们通常把定义在函数外的变量成为全局变量,定义在函数内的变量称为局部变量,顾名思义,全局变量的作用域是整个代码段,局部变量的作用域就只是在它所属的代码段,变量只在它的作用域里有效. ...

  4. 容器 MAP

    1.equal_range pair <myMapDef::iterator,myMapDef::iterator> myresult; myPairDef ps=*MyMap1.begi ...

  5. 关于Linux平台malloc的写时拷贝(延迟分配)【转】

    Linux内核定义了“零页面”(内容全为0的一个物理页,且物理地址固定),应用层的内存分配请求,如栈扩展.堆分配.静态分配等,分配线性地址后,就将页表项条目指向“零页面”(指定初始值的情况除外),这样 ...

  6. SSH三者作用

    Struts在项目中的作用 Struts 在项目主要起控制作用,只要用于web层(即视图层和控制层)Struts本身是使用典型的MVC结构实现的,项目中使用了struts之后就等于项目也是一个MVC结 ...

  7. 关于nginx架构探究（1）

    nginx的架构主要是有一个主监控进程:master;三个工作进程:worker:还有Cache的两个进程.back-end-server是后端服务器,主要是处理后台逻辑.nginx作为代理服务器需要 ...

  8. Qt调用VC++生成的动态链接库

    Qt如何调用VC++生成的动态链接库?假设当前有VC++编译器生成的动态库文件testdll.h,testdll.lib和testdll.dll. testdll.h文件源码如下: #ifdef TE ...

  9. library cache: mutex X

    我们先来看看 library cache: mutex X . 是个什么东西 The library cache mutex is acquired for similar purposes that ...

  10. 深入理解linux网络技术内幕读书笔记(一)--简介

    Table of Contents 1 基本术语 1.1 本书常用的缩写 2 引用计数 2.1 引用计数函数 3 垃圾回收 3.1 异步 3.2 同步 4 函数指针 4.1 缺点 5 goto语句 5 ...