编码规范-html.md

写在前面对于不同的编程语言，具体的编码规范是不同的，但目的是一样的，就是保证代码在高质量完成需求的同时具有良好的可靠性.可读性和可维护性。本文大部分内容来源于网络，仅供个人参考和学习！网上的知识海量，学的都是自己的！！而且，老式的，和我们可爱的小伙伴们……语法使用两个空格而不是制表符——这是保证在所有上下文中保持一致表示的唯一方法。嵌套元素应该缩进一次（即两个空格）。对于属性定义，请确保始终使用双引号，而不是单引号。不要在自闭合元素的末尾添加尾部斜杠——HTML5规范明确指出这是可选的。不要省略可选的结束标记（例如，或）。doctype将标准模式声明添加到每个HTML页面的第一行，以确保跨浏览器呈现一致。HTML5文档类型HTML4文档类型提示：声明不是HTML标签浏览器HTML文档类型文件兼容性模式文件兼容性用于定义如何告诉浏览器编译您的网页。本文档解释了文件兼容性、如何指定站点的文件兼容模式以及如何确定网页应使用的文件模式。IE兼容行说明：IE=Edge设置通知IE以最高级别模式加载文档；其他有：11/10/9/8/7/5/EmulateIE11/EmulateIE10chromepriority说明：使用最新版本IE和Chrome内核的极速模式优先说明：优先使用webkit内核，IE兼容内核，IE标准内核马丹写在最后从前到后选择浏览器，但是太麻烦了，改用IE=edge，用chrome=1触发GoogleChromeFrame，以兼容chrome；不过马丹，最新版的chrome已经放弃了GoogleChromeFrame，所以最后用IE=Edge就完事了。浏览器内核Trident内核，又称IE内核，是微软开发的排版引擎。浏览器产品：IE、Maxthon、世界之窗浏览器、Avant、腾讯TT、Netscape8、NetCaptor、Sleipnir、GOSURF、GreenBrowser、KKman等Gecko内核是开源的，用C++编写的网页布局引擎。浏览器产品：Firefox、Netscape6至9WebKit核心开源，目前流行的浏览器内核，常见于Google和Mac产品。浏览器产品：Safari、Chrome、Maxthon3、各种国产浏览器Presto内核Opera软件开发的浏览器排版引擎浏览器产品：Opera7.0以上Tips：CSS3中各浏览器内核的兼容设置--moz-:代表FireFox浏览器的私有属性--ms-：表示IE浏览器的私有属性--webkit-：表示safari和chrome浏览器的私有属性--o-：表示opera浏览器的私有属性。类{border-radius:20px40px10px;-webkit-边框半径：20px40px10px；;-ms-边框半径：20px40px10px；-o-边框半径：20px40px10px；}sublime有一个可以自动生成的插件：AutoprefixerTips:JS浏览器内核等问题写入文件时使用的文件编码格式无BOMUTF-8模式，并指定浏览器文档编码方式。导入CSS和JavaScript文件根据HTML5规范，导入CSS和JavaScript文件时一般不需要指定type属性，因为text/css和text/javascript分别是它们的默认值.非H5加！注意：js放在文件底部，css放在文件头部。标签的语义应尽可能遵循HTML标准和语义，但不要牺牲实用性。始终尝试使用最少的标签并将复杂性保持在最低限度。减少标签的数量在编写HTML代码时，尽量避免出现多余的父元素。较少使用JavaScript生成的标签JavaScript生成的标签使内容难以查找、编辑并降低性能。尽可能避免。