代码语义化
来源:互联网 发布:c语言rinv 编辑:程序博客网 时间:2024/06/11 05:15
一、创建良好的标记(代码语义化)
(1)<title></title>中的内容可以明显的提高页面在搜索引擎中的排名
注意:根据文档内容的结构而选择html元素,而不是根据html元素的样式
(2)避免过度使用div和span,但并不意味着避免使用div和span,几个合理位置中的div可以让文档显得井井有序。
(3)css布局存在一个常见的问题:FOUC(无样式内容瞬间,Flash of Unstyled Content),在IE浏览器中,若以import而不是link的形式引入css,则会发生FOUC现象。但只要在html文档中
的head部分存在着一个script或者link元素,则可以避免FOUC。
(4)通过将内容置于html页面中并使用背景图像创建样式,网站能得到很多极为明显的改善:
①通过改进标记的方法,降低了页面文件的大小。
②由于css样式将被浏览器缓存,浏览器不用每次都从服务器端重复取得css样式,这样就大大加快了页面的加载速度。
③网站的可访问性增强(因为html中没有任何表示样式的相关代码)
④网站更易于管理
(5)可以使用z-index属性设置固定元素的前后位置关系,高z-index的元素将覆盖低z-index元素
注意:IE不仅不支持固定定位position:fixed; 还不支持子选择器
(6)用px作为单位进行绝对定位将能够精确地控制布局,但丧失了灵活性即一旦给定了元素的位置,那么它将
始终固定在原地。但若是用em作为left,right,top,bottom等属性的单位,元素的位置将会变得更加灵活些即
元素位置会根据用户选择不同的字号而相应改变。
(1)<title></title>中的内容可以明显的提高页面在搜索引擎中的排名
注意:根据文档内容的结构而选择html元素,而不是根据html元素的样式
(2)避免过度使用div和span,但并不意味着避免使用div和span,几个合理位置中的div可以让文档显得井井有序。
(3)css布局存在一个常见的问题:FOUC(无样式内容瞬间,Flash of Unstyled Content),在IE浏览器中,若以import而不是link的形式引入css,则会发生FOUC现象。但只要在html文档中
的head部分存在着一个script或者link元素,则可以避免FOUC。
(4)通过将内容置于html页面中并使用背景图像创建样式,网站能得到很多极为明显的改善:
①通过改进标记的方法,降低了页面文件的大小。
②由于css样式将被浏览器缓存,浏览器不用每次都从服务器端重复取得css样式,这样就大大加快了页面的加载速度。
③网站的可访问性增强(因为html中没有任何表示样式的相关代码)
④网站更易于管理
(5)可以使用z-index属性设置固定元素的前后位置关系,高z-index的元素将覆盖低z-index元素
注意:IE不仅不支持固定定位position:fixed; 还不支持子选择器
(6)用px作为单位进行绝对定位将能够精确地控制布局,但丧失了灵活性即一旦给定了元素的位置,那么它将
始终固定在原地。但若是用em作为left,right,top,bottom等属性的单位,元素的位置将会变得更加灵活些即
元素位置会根据用户选择不同的字号而相应改变。
0 0
- 代码语义化
- HTML代码优化之标签语义化
- 语义化
- 语义化
- 语义化
- 语义化
- 如何让你的JavaScript代码更加语义化
- 如何让你的JavaScript代码更加语义化
- 如何让你的JavaScript代码更加语义化
- 开发规范:前端代码命名语义化推荐实践
- 如何让你的JavaScript代码更加语义化
- HTML语义化
- HTML语义化
- HTML语义化
- html语义化
- HTML5语义化标签
- HTML语义化标签
- HTML语义化。
- HTTP常见状态码
- ASP.NET基础
- codeforces#321 B(排序+二分)
- unix/linux编程实践教程----I/O重定向和管道
- 重温葫芦娃、、、、、、杂记
- 代码语义化
- python学习(一)
- 转 jvm工具比较
- IOS控件 Tableview 下拉刷新,加载数据
- 7年来第1次,发现的sql绕过登录的问题
- 我自己的学习领悟——二
- 2015 ACM/ICPC Asia Regional Shenyang Online 1007 hdu 5456 Matches Puzzle Game
- C++函数参数读取顺序
- hdu 5078 Osu!