1、DOCTYPE
说明：告诉浏览器要使用哪种规范来解释该文档
内容：

<!DOCTYPE html PUBLIC "-W3//DTD//XHTML 1.0  Transitional//EN"  "http://www.w3.org/1999/xhmlt">

解释：-W3:w3标准；DTD:文档类型定义； XHTML 1.0:XHTML 1.0版本；Transitional:过渡模式（Strict:严格模式）；EN:语言为英语； “http://www.w3.org/1999/xhtml” :w3官网标准文档所在地址；

以前刚开始的时候还会copy然后粘贴一下，现在连编辑器都没有了这个，直接来就是<!DOCTYPE html>完了，所以兼容性就会出现一些意想不到的东西，又很难找到，为了向下兼容还是明确的指出文档类型，文档解析规范，已将版本等。这是一个很好的习惯，更多的时候把注意力都放在了要用什么标签，哪个标签或者属性是什么意思，而很少去关注这些细节的东西。实在不是很可取呀。

2、 <meta   http-equiv ="Content-Type" content="text/html;charset=utf-8" >

meta是对该文档的一个附加信息说明，可以使用meta来说明作者，网页的关键词，等很多的信息；现在都已经很少写这个了，还是建议写写这个，这个对搜索引擎的SEO优化是比较有用的。

3、标记名称、属性名称小写

有时候看的页面，实现的效果还是很不错的，但是打开源代码一看，惨不忍睹，很多的DIV TABLE,看上去很是不习惯，根据W3C的建议，还是统一使用小写比较好，这样可以很大程度上提高代码的可读性，对维护，重构都是有很大的好处的。不用再浪费时间在寻找标签上了。

4、标记严格嵌套

严格嵌套，使得HTML的文档结构性更强，<div><p></div></p>这样的代码是很容易让人不知所措的。

5、标记必须封闭（包括空元素）

标签是成对出现的，当然也有单个的（空元素），<p>开头，</p>结尾，这就是一堆封闭的标签对，<br><hr>这些就是空元素，但是建议空元素也要封闭，<br/>,<hr/>。

6、属性用引号括起

<img src=img/img1.jpg/> 这样是不建议使用的，<img src="img/img1.jpg" alt="您好"/>这样，用引号将属性值包裹起来，而且在使用引号时，建议保持一致性，属性值统一采用单引号或者双引号。

7、属性值使用完整形式

<input disabled>   <input  disabled="true">

8、区分内容标记与结构标记

<p>是内容标记，<table>是结构标记，不可将<table>置于<p>内部；

9、样式、行为与结构分离

将css样式单独写在一个文件里，使用<link rel="stylesheet" type="text/css" href="css/style.css"/>来引用。将js脚本单独放在一个文件里，使用<script tpye="texy/javascript" src="js/common.js"></script>来引用。而且将样式尽可能的放在一个文件中，放在文档的<head>部分引入，将js脚本也放在一个文件中，然后放在文档的底部，<body>之后引入。这样一方面能够减少对服务器的http请求次数，加快文档的下载速度。2.可以在文档的可视区域<body></body>之间的内容加载完了再加载js脚本，这样提升了体验的效果。

对编写html代码的几点儿小建议的更多相关文章

  1. 编写JavaScript 代码的5个小技巧

    1.Array.includes 与条件判断 一般我们判断或用 || // condition function test(fruit) { if (fruit == "apple" ...

  2. iOS中书写代码规范35条小建议

    1.精简代码, 返回最后一句的值,这个方法有一个优点,所有的变量都在代码块中,也就是只在代码块的区域中有效,这意味着可以减少对其他作用域的命名污染.但缺点是可读性比较差 NSURL *url = ({ ...

  3. 基于CkEditor实现.net在线开发之路（2）编写C#代码，怎么调用它。

    上一章简约的介绍了CkEditor编辑器,可以编辑js逻辑代码,css,html,C#代码,这章我根据实际例子,讲解怎么编写C#代码和怎么调用它. 大家都还记得刚刚接触程序编时的hello Word吧 ...

  4. 最新的JavaScript核心语言标准——ES6，彻底改变你编写JS代码的方式！【转载+整理】

    原文地址 本文内容 ECMAScript 发生了什么变化? 新标准 版本号6 兑现承诺 迭代器和for-of循环 生成器 Generators 模板字符串 不定参数和默认参数 解构 Destructu ...

  5. AppleWatch开发教程之Watch应用对象新增内容介绍以及编写运行代码

    AppleWatch开发教程之Watch应用对象新增内容介绍以及编写运行代码 添加Watch应用对象时新增内容介绍 Watch应用对象添加到创建的项目中后,会包含两个部分:Watch App 和 Wa ...

  6. WEB开发：如何用js来模拟服务器的ajax响应，不依赖服务器来编写前端代码

    一.问题的提出 目前web前端开发,主流的思路是: 1)编写静态的html文件(不使用模板技术,与服务器无关) 2)页面通过ajax与服务器交互,进行数据的传输,数据格式为json格式 这里存在一个问 ...

  7. 25 【python入门指南】如何编写测试代码

    python如何编写测试代码 python内置了unittest,使得写应用层的单元测试变得超乎寻常的简单. 1,执行单个测试函数 #!/bin/python import unittest clas ...

  8. 初识Java程序，编写简单代码？

    Dear All: 初识Java程序,编写简单代码? 首先小编在这里说下我们今天编写Java程序使用的是 eclipse 开发工具! 1.下载eclipse 官网地址:http://www.eclip ...

  9. How Javascript works (Javascript工作原理) (二) 引擎，运行时，如何在 V8 引擎中书写最优代码的 5 条小技巧

    个人总结: 一个Javascript引擎由一个标准解释程序,或者即时编译器来实现. 解释器(Interpreter): 解释一行,执行一行. 编译器(Compiler): 全部编译成机器码,统一执行. ...

随机推荐

  1. 初试“七牛云”--零基础运用七牛云配合UEditor实现图片的上传和浏览（.NET篇）

    (注册和建立存储空间就不介绍了,网上一把一把的资料,自己试着点点也能明白) 作为一个成熟的菜鸟,如果遇到一个新问题,第一步当然是先百度一下... 看了N个关于七牛云的使用的帖子,表示还是蒙圈的,看懂了 ...

  2. mac 安装phpredis扩展

    curl -O https://nodeload.github.com/nicolasff/phpredis/zip/master tar -zxf master cd phpredis-master ...

  3. radius服务器搭建

    yum install -y unzip gcc-c++ cd /opt unzip release-stable.zip mv ToughRADIUS-release-stable toughrad ...

  4. 分布式系列之二——Adaptor设计模式

    摘自:http://www.cnblogs.com/zhenyulu/articles/69858.html 注:将请求的一方和接收的一方独立,使得请求的一方不必知道接收请求的一方的接口,更不必知道请 ...

  5. 【Session】Tomcat中Session的外置

    > 参考的优秀文章 Tomcat Session 持久化 Package org.apache.catalina.session 最近同事在做Session外置的功能,我对Session持久化. ...

  6. Python3基础 index 返回一个元素在列表中第一次出现的索引值

    镇场诗:---大梦谁觉,水月中建博客.百千磨难,才知世事无常.---今持佛语,技术无量愿学.愿尽所学,铸一良心博客.------------------------------------------ ...

  7. 凯撒密码加密C语言简单实现

    凯撒加密(Julius Caesar)该方法把一条消息中的每个字母用字母表中固定距离之后的那个字母代替.(如果超越了字母Z,会绕道字母表的起始位置.例如,如果每个字母都用字母表中两个位置之后的字母代替 ...

  8. Ubuntu快捷键

    https://linux.cn/article-3025-1.html 超级键操作 1.超级键(Win键)–打开dash. 2.长按超级键– 启动Launcher.并快捷键列表. 3.按住超级键,再 ...

  9. 程序设计入门——C语言 第5周编程练习 1高精度小数（10分）

    1 高精度小数(10分) 题目内容: 由于计算机内部表达方式的限制,浮点运算都有精度问题,为了得到高精度的计算结果,就需要自己设计实现方法. (0,1)之间的任何浮点数都可以表达为两个正整数的商,为了 ...

  10. JavaScript学习笔记及知识点整理_3

    1.js的事件冒泡及阻止方法:事件冒泡的概念:在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事 ...