- css的统筹
- 合理划分我们的代码和文件
将网页中相同的文件或代码单独提取,各个页面去调用
- 网页的优化
A:头部优化
<meta name="keywords" content="" />向搜索引擎说明你的网页的关键词;
<meta name="description" content=""/>告诉搜索引擎你的站点的主要内容;
- 主题内容的优化
- 合理的超链接 适当使用title属性(不要使用flash和图片热区)
- 图片的优化 alt和title属性(图片插入)
- 图片整合(背景图片)
- 制作网页地图
- Pr值(友情链接)
- 动态与静态页面(静态较好)
- 避免大体积页面
合理的代码结构,结构清晰,减少冗余代码
- Css的一些命名规则
1)建议使用小写字母
2)以英文字母开头,后面可以连接数字、字母、下划线、连字符和特殊字符,建议尽量使用英文字母,适当使用下划线和连接线;
3)词必达意,名称要反映用途和相关信息,同时也要简短。
- 表单的补充内容
表单框架集fieldset 可以在页面上生成一个框,fieldset可以去嵌套,可以做fieldset里设置禁用(此禁用可以实现这个区域都禁用)
表单框架集标题legend (放在fieldset里的第一个位置)
Input的type类型:text password radio checkbox button submit reset file image hidden
Label的两种使用方式:
<label>用户名<input type="text"></label>
<label for="use">用户名</label><input type="text" id="use" />
<input type="file" multiple="multiple"> 上传文件域
<input type="image" src="pic.png" width="100"> 图像域
<input type="hidden" value="隐藏按钮"> 隐藏按钮
Multiple 实现上传多个
去掉点击文本框时的默认黑色框 outline:none;
- 表格的补充内容
表格按照数据行分组:表头thead 表体tbody 表尾tfoot
注意点:三个组成部分要用都同时使用,要不用就都不用
三个的顺序 thead tfoot tbody
Thead与tfoot在表格中只能有一个,tbody可以有多个
必须在table标签内部使用
表格的列分割线 rules=“groups” 跟col或者colgroup连用
可以合并相邻的几列 span=“列数” span默认值1
Col与colgroup的区别就是:是否会出现列分割线
去掉单元格与单元格的间距 html的方式 cellspacing=“0” css的方式border-spacing:0 两种方式都必须添加给table
合并相邻单元格的边框 border-collapse:collapse; 必须添加给table
单元格无内容时隐藏 empty-cells:hide 写给table或td都行
提高表格的运算效率 table-layout:fixed 只能控制宽度
更改表格标题的位置 caption-side:left/right/top/bottom(left,right只有火狐浏览器支持)