1 / 9
文档名称:

Web前端.docx

格式:docx   大小:97KB   页数:9页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Web前端.docx

上传人:文库旗舰店 2021/2/28 文件大小:97 KB

下载得到文件列表

Web前端.docx

文档介绍

文档介绍:⒈HTML命名规范:
标签名小写,属性值用双引号闭合
注释添加的位置在要注释的代码上部并用一行。
CSS命名规范:
推荐的CSS类的命名规则和元素的ID命名规则相似,只是组成类名称的关键字的连接符为中划线(-)
例:。Reader-count-title
为了避免Class命名重复,命名时取父元素的class名作为前缀.
定义中的大扩号放置在选择器的同一行,
多个选择器具有相同的样式声明时,所有选择器应单独占一行
例:h1,
h2,
h3{

}
合理使用CSS的权重,提高代码的重用性

按照规范,一个页面中不允许有两个相同的ID,如果使用了ID选择器就意味着此样式只作用于一个元素,该样式就没有办法重用于其他的元素。ID选择器有很高的权重,会优先
使用ID选择器。提高选择符的权重的两种方式
/*方式1:添加ID选择符*/
#test .importent
{
..
}
/*方式2:选择important关键字*/
.important
{
color:#ccc !important;
}
这两种方式都不是最好的方式,因为基础的样式使用权重较高的选择符,所以导致后续为了覆盖基础样式只能选择更高权重的选择符。最佳的实践是尽可能使用较低权重的选择符作为基础样式。
JavaScript规范:
JavaScript语句结束时应该添加一个分号。因为JavaScript有自动添加分号的算法,在没有添加分号的JavaScript语句结束处会自动添加一个分号,但是如果语句的下一行以“[“、“(”、“+”、“-“、”/”开头则不会在此语句后面添加分号。(示例P32)
例:return {
a+b
}
等价于:
Return;
{
a+b;
}


标准的浏览器会保证浏览器正确地渲染
网页能更容易的被搜索引擎搜寻、提高网站的搜索排名
提高网站的易用性
网页更好的维护和发展

“/”来表示结束。
,不推荐在自闭合标签中添加“/”
HTML5中自闭合标签价“/”和不添加“/”都符合规范,非自闭合标签

<!—,,但在HTML4中不推荐 -->
<img alt="" src="" />
,如basefont/big/center/font
不推荐在HTML标签中添加样式,如iframe、img、input,div等标签中的align属性,body标签上的background属性,td,tr标签上的height,width,nowrap,bgcolor,valign等属性,iframe标签中的frameborder,marginheight/scrolling等属性