HTML原则1.规范。保证你的代码规范，确保结构、性能和行为相互分离。2.简洁。保证代码的精简，避免多余的空格和空行，保持代码的语义，尽量使用语义元素，避免使用样式属性和行为属性。始终尝试使用尽可能简单和尽可能少的元素来解决问题。3.实用。遵循标准，但不以牺牲实用性为代价。4.忠诚度。选择一套规范并始终如一地遵循它们。代码无论多少人参与，都应该看起来是一个人写的语法1.小写。HTML标签和属性都是小写的。2.嵌套。所有元素都必须正确嵌套。3.关闭。双标签必须关闭，单标签（自关闭标签）不关闭，例如.4.双引号。双引号属性值，不要使用单引号。注意事项1.详细说明。解释代码解决问题，解决思路等。2.模块注释。不建议以模块结束注释。文档1.文档类型使用html5标准文档类型，文档类型声明前不允许有任何非空字符。不允许施加力来改变文档模式。2.在html元素上指定lang属性。显示页面的语言，帮助语音合成工具确定如何发音，翻译工具决定使用规则等。3.指定明确的字符编码。让浏览器轻松快速地确定适合网页内容的渲染方式。属性1.双引号属性值，不要使用单引号。2.省略类型属性。在不指定type属性的情况下使用style、link、script，因为text/css和text/javascript分别是它们的默认值。3.省略布尔属性值。布尔属性不需要加值，disabled，checked，selected等。4.省略url类属性资源协议头。5.属性顺序。HTML属性应该以特定的顺序出现以提高可读性。class->id,name->data-->src,for,type,href->title,alt->aria-,role。6.多媒体元素增加替代属性。为图像添加alt属性，为音频和视频添加替代文本。要素1.避免冗余标签。2.避免JS生成标签。3.段落正文要用p，避免用br。4.将ul、ol、dl放在列表项中，不要使用一系列的div或p。5.input使用for属性绑定标签。6.让label标签包裹radio或checkbox及其文本，无需使用for属性。8.表单按钮要指定类型，使用type="submit",type="reset"ortype="button"。参考：http://www.php100.com/html/it...CSS全局：global.css全局样式是整个站点通用的，它是页面样式的基础，必须包含在页面中。结构：layout.css用于页面结构类型复杂，常见类型较多的情况。它主要用于主页和产品页面。private：style.css是独立页面使用的样式文件，必须包含在页面中。Modulemodule.css产品页面应用，剥离可重用模块后，可结合其他样式使用。实现换肤功能时应用主题themes.css。Patchmend.css基于以上样式的私有化补丁。CSS命名约定Head:headerContent:content/containTail:footerNavigation:navSidebar:sidebarColumn:columnPageperipheralcontrol整体布局宽度:wrapper左右中心:leftrightcenter登录栏:loginbarLogo:logo广告:bannerPage正文：主要热点：热点新闻：新闻下载：下载子导航：子导航菜单：菜单子菜单：子菜单搜索：搜索友好链接：friendlink页脚：页脚版权：版权滚动：滚动内容：内容标签页：标签文章列表：列表提示information:msgtips:tipscolumntitle:titlejoin:joinusguide:Guildservice:serviceregistration:regsiterstatus:statusvote:votepartner:partner1.命名统一使用小写Notes::全部小写；尽可能使用英语；不要添加中间条和下划线；尽量不要缩写，除非你一眼就能理解这些词。类命名：（1）Color：使用颜色名称或十六进制代码，如（2）字体大小，直接使用“font+fontSize”作为名称，如（3）alignmentstyle，使用英文名称对齐目标，如（4）标题栏样式，使用“类别+功能”的方式命名，如XHTML文件中id的命名（1）页面结构容器：容器header：headercontent：内容/容器页面body:mainpagefooter:footernavigation:navsidebar:sidebarcolumn:columnpageperipheralcontrol整体布局width:wrapper左右center:leftrightcenter(2)navigationnavigation:navMainnavigation:mainbavSub-navigation:subnavTopnavigation:topnav侧边导航:sidebar左导航:leftsidebar右导航:rightsidebar菜单:menu子菜单:submenu标题:title摘要:summary(3)Functionlogo:logoAdvertisement:banner登录:login登录栏:loginbar注册:regsiter搜索:搜索功能area:shopTitle:titleJoin:joinusStatus:statusButton:btnscroll:scrollTab:tab文章列表:list提示信息:msgCurrent:currentTips:tipsicon:iconnote说明：注意指南：公会服务：服务热点：热点新闻：新闻下载：下载投票：投票合作伙伴：合作伙伴链接：链接版权：版权Javascript使用驼峰式表示法。第一个字母是小写的，后面的字母都是大写字符开头的例子：don'tuseswitchswitch在所有的编程语言中都是一个非常错误和不可控的语句。建议换成ifelse。请在运算符（+、-、*、/、%）前后添加空格。例如，使用两个空格而不是制表符字符串进行缩进。统一使用单引号（'）而不是双引号（"）。这在创建HTML字符时很重要字符串非常有益：三元条件判断（if的快捷方式）使用三元运算符来赋值或返回语句。使用起来比较简单case，避免复杂的情况。没人愿意用10行三元运算不推荐推荐说明：分号和函数分号需要用在表达式的末尾，而不是函数声明的末尾。最好的例子来区分它们的是：每一条记录都是向前迈出的一步本文作者：donggggg阅读原文本文为云栖社区原创内容，未经允许不得转载。
