內(nèi)容hfm web前端開發(fā)

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命名 頁頭 內(nèi)容區(qū)域：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癥，正確使用表現(xiàn)DOM結構，在文檔去除css的情況下， 構和可讀性，以下是html標記的使用規(guī)范：ph1~h6：文章標題、內(nèi)容區(qū)塊標題，根據(jù)重要性由大到小區(qū)分，h1imgaltcsstablefieldsetlegendlabelforsizecsswidthmaxlength使用已在xhtml1.0中已移除的的js來控制和切換顯示的區(qū)塊、導航、tabcssDOM默認顯示狀態(tài)。#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 外部文件方式添加樣 分割樣式表，降低代碼復雜性，方便管理和。但不分割的太細碎，應考慮以后的和管理如果是發(fā)布版本，請壓縮合并代碼，將多個樣式文件合并為單個文件，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可根據(jù)全局、布局、區(qū)塊、功能等進行分類和添加注釋，方便和代碼搜索JavaScript在文檔中使用外部文件方式將js的代碼集中放置在一起，可放置在</head>之前或</body>之前，在body間分散放置使DOM結構和js代碼分離，寫在標 ，，壓縮工具：DOMclassDOMDOM把需要在DOM加載后立即執(zhí)行的代碼封裝在同一個函數(shù)內(nèi)執(zhí)行不要編寫多個window.onload或jQuery的。libraryjQuery