最新消息:文章中包含代码时,请遵守代码高亮规范!

学院官网套模板注意点(原创)

杂项 奚, 文强 68浏览 0评论

0:HTML文件不能用中文命名,如果用中文命名,其跳转的链接就会乱码,识别不了,自然就不会跳转。
1.H5文档link,script不需要加type属性
2.低版本浏览器兼容问题:
(1)PC端 H5新标签尽量不用,不如header,footer,nav,采用加类名;
(2)CSS选择器 nth-of-type不使用,改为加类名;
3.标签语义化,P标签,span,strong,H标签要使用合理;
4.html模块化;
6.内容超出,以省略号显示;
7.a链接嵌套要合适,避免行元素包含块元素;
8.浮动之后要清浮动;
9.子元素共有的属性,可以直接设置父级就行;
10.分为内外屏,采取加CLASS名,.ww .w 内屏有最大宽度;
11.可以通过同时写上并列的两个class名,精准控制CSS样式;
12.使用<label>标签包裹radio或checkbox和他们的文字,不用再使用for属性;
13.有效使用<thead>、<tfoot>、<tbody>、<th>(scope属性)。可以把<tfoot>放<tbody>前提高加载速度。
14.特殊符号尽可能使用代码替代。常用特殊符号如下。 
¥:¥ 人民币符号元
©:© 版权
®: ® 注册商标
™: ™ 商标TM
·: · 间隔符号
“: ” 双引号
&: & &符
<: < 小于号
>: > 大于号
:   半角空格
×:× 乘号
÷: ÷ 除号
15.为选择器中的属性添加单引号。eg:input[type=’text’]。
16.为引用的图片、文件等添加单引号。eg:background:url(‘../images/logo.png’);
17.css hack 
    IE6:_
    IE6/7: *
    IE7/Firefox:!important
    IE7:*+
    IE6/7/8:\9
    IE8:\0
18.尽量将图片大小控制在200K以内,可以使用一些在线的图片压缩工具。如:图好快;
19.标题 用图片的 将文字写在alt属性里面;
20.链接要有明显的样式;
21.按钮添加交互效果;
22.图片太大,设置图片的最大值max-width,防止超出变形;
23.JS统一写在 $(document).ready(function(){ }); 里面
24.设置的行高 要大于字体大小;
25.所有的图片 加上 alt属性;
26.js代码 后面都需要加上 “;”号;
27.背景图过大,可以选择切一部分然后平铺;
28. h*标签下面 如果用图片的话 alt属性要写;
29.定位z-index数值不能超过最外层的弹窗;
30.用绝对定位的时候,top,left值必须写;
31.用a标签包裹块元素时,给a加上属性 display:block;

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/25031.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Willis的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!