内容hfm web前端开发

WEB（HTML（CSSHTMLdoctypeHTML5<!DOCTYPEutf-8HTML5<metacharset="utf-8"xhtml1.0所有必须结所有必须小属性必须使用成对引号（单引号或双引号<option<inputtype="checkbox"checked="checked"id：连接符命名法“o-world”class:连接符命名法“o-world”name：骆驼式命名法“idlabel：text：txtpassword：txttextarea：file：radio：radcheckbox：chksubmit：reset：button：hidden：用于结构布局的元素id命名 页头 内容区域：content 主导航 二级导航：sub-结 子元素及后代元素的id命id+第n个子元素编号（1开始）+当前元素在父容器中的显示位置的缩写字母+n个子元素（1开始），id=”content”的子元素：c-1,c-2,c-3,c-4-t,c-4-r,c-4-b,c-4-l,c-4-t-1,c-4-t-2,c-4-t-3...classnameididid=”txt-id-card”name=”idCard”。合理使用，语义化结 合理嵌a、span、strong、em、p、h1~h6等元素不能包含：div、ul、ol、dl、 多div症、多span症、多table症，正确使用表现DOM结构，在文档去除css的情况下， 构和可读性，以下是html标记的使用规范：ph1~h6：文章标题、内容区块标题，根据重要性由大到小区分，h1imgaltcsstablefieldsetlegendlabelforsizecsswidthmaxlength使用已在xhtml1.0中已移除的的js来控制和切换显示的区块、导航、tabcssDOM默认显示状态。#tabsdiv{disy:none#tabsdiv.selected{disy:block<div<li><ahref="#tab-<li><ahref="#tab-<li><ahref="#tab-<divid="tab-1"<divid="tab-<divid="tab-CSS 外部文件方式添加样 分割样式表，降低代码复杂性，方便管理和。但不分割的太细碎，应考虑以后的和管理如果是发布版本，请压缩合并代码，将多个样式文件合并为单个文件，css代码压缩工具/css文件示例<style@importurl(theme/global.css);@importurl(theme/layout.css);@importurl(theme/theme.css);@importurl(theme/home.css);--正确的方式<linktype="text/css"rel="stylesheet"href="theme/all.css"然后在all.css中的其他文件：@importurl(theme/global.css);@importurl(theme/layout.css);@importurl(theme/theme.css);@importurl(theme/home.css); toprightbottom toprightbottom stylewidth stylewidthcolor; stylewidthcolor;border-bottom:stylewidthcolor; stylewidth toprightbottomleft; toprightbottomleft;border-width:toprightbottom colorurl(image)repeatposition; typepositionurl(image); 400/全局重定义各元素的空白和填充：*{padding:16colorbackground-color166#996600请缩写为全局定义字体：body{font:12pxarialhelvetica,sans-serifline-height:等宽字体组合：Arial,Helvetica,sans-不等宽（宽扁）Verdana,TrebuchetMS,sans-CSSIE不推荐的方式<!--[ifIE<linktype="text/css"rel="stylesheet"href="ie6.css"<!--[iflteie<linktype="text/css"rel="stylesheet"href="ie7.css"不要使用!important可根据全局、布局、区块、功能等进行分类和添加注释，方便和代码搜索JavaScript在文档中使用外部文件方式将js的代码集中放置在一起，可放置在</head>之前或</body>之前，在body间分散放置使DOM结构和js代码分离，写在标 ，，压缩工具：DOMclassDOMDOM把需要在DOM加载后立即执行的代码封装在同一个函数内执行不要编写多个window.onload或jQuery的。libraryjQuery