美文网首页
第十二篇 CSS-09

第十二篇 CSS-09

作者: ss555566 | 来源:发表于2017-05-19 21:57 被阅读0次
  1. CSS统筹:就是告诉我们如何写网页,即写网页时的注意事项,换句话说就是页面优化
  2. 统筹分为:HTML文档的统筹、CSS文件的统筹、以文档为单位的文档统筹
  3. HTML文档的统筹
    a) <tilte></title>的合理利用:在书写HTML文件时要正确填写网页的标题,标题可以是网站的名称或者是一句精简的话,用来描述网站功能
    b) <meta>标签的合理利用
    <meta charset=”utf-8” />:设置字符集,用来解析中文
    <meta name=”keywords” content=”关键字1,关键字2,关键字3…” />,注意关键字间用逗号分隔,个数在7-10个为宜,浏览器对位于前面的关键字最为敏感
    <meta name=”description” content=”描述网站的详细信息”/>,注意此处可以写一段话用来描述网站的功能,特点,作用
    c) <a>的合理使用
    最好给纯文本加超链接
    不要或者少给Flash动画加超链接,因为浏览器对Flash动画上面的文字不敏感,不利于浏览器快速定位我们的页面
    少给图片加超链接,原因同上
    给超链接加title属性,此属性可以告诉网页浏览者超链接的链接对象
    d) <Img>的合理利用
    尽可能使用小体积图片,因为图片体积过大会影响页面加载速度
    能用CSS修饰的效果就不要用图片,原因同上
    给图片加alt属性,该属性可以让图片无法加载时有一个提示,该属性的值可以写,如下内容
    [图片上传中。。。(1)] 图片名称或地址
    [图片上传中。。。(2)] 对图片内容的描述性信息
    e) 友情链接的合理利用:在页面的下端适当添加友情链接,因为友情链接涉及PR值,这个概念是谷歌公司提出的,它认为PR值越高,网站的重要性越大,但是不要盲目添加友情链接,否则谷歌公司会认为你在作弊,会清除您的PR值,设置友情链接时,需要注意以下事项
    链接同类型的网站
    链接知名度较高的网站
    更为重要的是提升自己网站的知名度
    f) 网站地图的合理利用:所谓网站地图是指网站中的一个具有大量超链接的页面,通过该页面可以访问网站各个模块,也可以给浏览器一个宏观的印象,方便浏览器快速定位网站中的页面
    g) 避免大体积页面,通常认为体积超过100KB为大体积页面,之所以会出现大体积页面,可能的原因是网页结果过为复杂,所以一个原则,使用最少的代码,实现最多的效果
    h) 有一个清晰的HTML文档结构
  4. CSS文档的统筹
    a) 合理利用ID和class
    ID:在书写网页结构时可以使用ID,如top/bottom/left/right/header/footer
    class:在选取元素后设置样式时,通常使用class,如class=”border”
    b) CSS命名规则
    由字母、数字、下划线、连字符构成
    不可以是数字开头
    不可以包含中文
    不可以是关键字
    不区分大小写,但是建议用小写
    见名知意

相关文章

网友评论

      本文标题:第十二篇 CSS-09

      本文链接:https://www.haomeiwen.com/subject/bzcuxxtx.html