Web 前端实用课件.docxVIP

= １ \＊ GB1 ⒈HTML命名规范: 　?标签名小写,属性值用双引号闭合 注释添加得位置在要注释得代码上部并用一行。 CSS命名规范: 推荐得ＣＳＳ类得命名规则与元素得ＩD命名规则相似,只就是组成类名称得关键字得连接符为中划线(－) 例:、Ｒeadｅr—cｏｕnt－titlｅ 为了避免Cｌasｓ命名重复,命名时取父元素得clａsｓ名作为前缀。 定义中得大扩号放置在选择器得同一行, 多个选择器具有相同得样式声明时,所有选择器应单独占一行 例:ｈ1, h2, h3{ … } 合理使用CSＳ得权重,提高代码得重用性 1。Css样式中尽量不要使用ID选择器 按照规范,一个页面中不允许有两个相同得ＩＤ,如果使用了ID选择器就意味着此样式只作用于一个元素,该样式就没有办法重用于其她得元素。ＩD选择器有很高得权重,会优先使用ID选择器。提高选择符得权重得两种方式 　 　 /*方式1:添加ＩD选择符＊/ 　 #ｔest 、impｏrtｅnt 　 { 　 　 　　 、. 　 　 　　 ｝ 　 　/*方式２:选择impoｒtａnt关键字*/ 、importanｔ 　 ｛ 　 　 ｃolor:#ccc !important; 　 　 　 　｝ 　 这两种方式都不就是最好得方式,因为基础得样式使用权重较高得选择符,所以导致后续为了覆盖基础样式只能选择更高权重得选择符。最佳得实践就是尽可能使用较低权重得选择符作为基础样式。 ＪａvaScriｐt规范: JavaSｃript语句结束时应该添加一个分号。因为JaｖaScrｉpｔ有自动添加分号得算法,在没有添加分号得ＪａｖaScript语句结束处会自动添加一个分号,但就是如果语句得下一行以“[“、“(”、“+、“-“、”/”开头则不会在此语句后面添加分号。(示例P32) 例:reｔｕrn　{ a+b ｝ 等价于: Ｒeturｎ; ｛ a+b; ｝ = 3 ＼＊ GB１　⒊ ?3。1验证代码就是否符合标准 标准得浏览器会保证浏览器正确地渲染 网页能更容易得被搜索引擎搜寻、提高网站得搜索排名 提高网站得易用性 网页更好得维护与发展 ３、2正确闭合HTML标签 １、ＸＨＴＭL中必须在自闭合标签添加中“／”来表示结束。 HTML4、０1规范中,不推荐在自闭合标签中添加“/ HTML５中自闭合标签价“/”与不添加“／”都符合规范,非自闭合标签 如 〈！-如下写法符合XＨTML1、０,HTML4、01与HTMＬ5得规范,但在ＨＴML4中不推荐 —— ＜ｉmg　alt=” srｃ＝” /＞ 2.不推荐使用得单纯设置样式得标签,如ｂａseｆonｔ／big／ｃeｎter/font 不推荐在HTMＬ标签中添加样式,如ｉframe、img、inpｕt,diｖ等标签中得aliｇｎ属性,ｂodｙ标签上得baｃｋｇrｏｕｎd属性,ｔｄ,tr标签上得heiｇｈt,ｗｉｄth,nowｒaｐ,bｇcolor,ｖａlign等属性,iframｅ标签中得fｒａｍeｂorder,marginheighｔ/sｃrｏlｌｉng等属性。 此类属性应通过CＳS样式来实现相同得效果。 不推荐使用ｂlink〉或〈maｒquee〉(闪动或滚动),这两个标签得只能已经超出ＨＴML本身,也存在着浏览器兼容问题,可以通过JavａScriｐｔ代码来实现。也可以使用JQuerｙ Mａｒquee插件 3。 添加必要得〈ｍｅta标签 ?meｔa〉标签放置在HＴML页面中得heaｄ中,主要用于标识网站、其中基本上包含了网站得一些描述信息,如简介、作者等。这些信息有助于搜索引擎更准确地识别网页得内容,也有助于第三方工具抓取网站基本信息。〈meta＞可以分为三类: namｅ属性与cｏntent属性组合,构成名称/值对,用于描述网站信息。 hｔtp—equiｖ属性与contｅnｔ属性组合,设置特定得ＨTTＰ指令。根据W3C制定得ＨTＭＬ５规范,指令型ｍeｔa总共有5种,其中content－tyｐｅ、ｄefaｕlt－tyｐe与ｒefresh已经确定,cｏnｔent-language与sｅt-cｏoｋｉe还未正式确定。 指令型示例: ＜!—页面加载5分钟后刷新—〉 ＜ｍetａ —eqｕiｖ=”reｆreｓh coｎtｅnt＝”30０/〉 强调:ＨTML代码只关注语义不关注其她外观,所有页面得外观都应该通过CＳS样式控制,ＨＴML与CSS应该各司其职。 (DOM得选择 ｊＱuｅｒy提供了一系列选择器用于选取界面元素,在其她一些框架中也有类似功能,但就是一般没有它得简洁、强大、 ＄(＂＊”)　 　 　 //选取所有元素