网页头部优化

logo优化:
1.logo图片尽量小。
2.一般情况下是作为背景放入的。
2.肯定加h1标签(提权)
4.搜索引擎对文本链接最友好。 <a href="#">123456</a>
5.可以利用text-indent:-9999em; 隐藏文字,再display:block;转为块,再设置它的高(块元素只能继承父级的宽度)
6.一定给a添加title属性 提高用户体验
7.首页logo一般取名就是sohulogo.png ,如果再有二级域名news.sohu.com,logo不要和首页logo取相同的名称,newslogo.png。

水平菜单:
1.托标,留在原地。position:absolute,不写top值,可以写left值来调整位置。
2.空挡一定是父盒子的padding,而不能是子盒子的margin
3.监听一定是在li身上,而不能是a身上
4.要学会用class“避讳模式”--我们的后代选择器有点不好用,所以就要给不同的li加上不同的区分即可,通过class来添加样式
5.不要过分的追求优雅的代码

时间: 2024-10-17 20:15:58

网页头部优化的相关文章

网页性能优化

文章首发: http://www.cnblogs.com/sprying/p/4251682.html 本文先从网页性能优化点说起,然后介绍怎么实施性能优化,有哪些性能检测工具. Yahoo!性能优化35条 Yahoo!性能优化现在有35条,划分成了几个类别,content.server.Cookie.CSS.JavaScript.Images.Mobile. 减少HTTP的请求数 合并Js.CSS文件,使用CSS sprites,使用Inline images(将base64的图片数据放在页面

AS3.0网页游戏优化一

有道无术,术尚可求,有术无道,止于术.神即道,道法自然,如来! 借用上面的一句话,来开启AS3.0网页优化的一些策略,在从事大约两年多的网页游戏行业,对于AS3.0性能优化,有一些自己的见解和想法,及此分享给大家,仅供抛砖引玉,鄙人拙见,愿给从事网页游戏的人以启迪. 我认为AS3.0的性能分两部分,第一部分是技术性优化,就是在理解flash 弹性跑道模型渲染原理和AVM本身一些垃圾回收原则等,对自己的程序进行一系列的性能优化.第二部分是游戏逻辑性优化.我只从事过2.5D arpg网页游戏的制作,

网页头部出现空白

转自: http://www.sealog.info/?post=3 昨天群里一朋友询问网页顶部一行空白无法去除的解决办法.常见的解决办法均不能解决问题.深入研究了下,总结几点以加强记忆.一.没有正确使用margin设置边距,margin指的是空白长度,用于控制容器中的内容和容器边缘的距离. view source print? 1 <style type="text/css"> 2 body{ 3         padding: 0px; 4         margi

Httpd访问控制、虚拟主机、网页压缩优化

目录 HTTPD访问控制.虚拟主机.网页压缩优化 HTTPD访问控制 HTTPD访问控制的实现 虚拟主机 网页优化之页面压缩 扩展 本实验为前次博客的扩展,有兴趣可以参考HTTP服务安装与配置 HTTPD访问控制.虚拟主机.网页压缩优化 HTTPD访问控制 访问控制:限制客户端可以访问的资源,或限制其不能访问某些资源 分类 基于来源地址(常用) 基于账号 basic基于虚拟账号认证(明文传输需要进行加密) digest信息摘要认证 实现方式 <Directory ""> 内

wap网站即手机端网页SEO优化注意事项及方法

定位和页面设计: 无论是PC端还是移动端,网站 都要考虑清楚消费群体的定位问题.虽然智能手机用户数量非常普及,但是要明白中国的大部分手机用户使用的还是2G网络,一直高 喊的3G.4G手机用户只有大约15%左右.所以,在页面设计时,要考虑到用户打开网页的时长,一些炫丽的flash.JS等建议还是不用为好.这不仅仅 是用户体验的问题,也是尽量减少百度索引抓取的工作,让百度蜘蛛尽可能多的爬行和收录页面. 网站尽可能简洁: ①手机网站比PC端网站的页面下载速度要慢得多,因此尽量把页面数和页面大小控制到最

前端积累-----网页性能优化

写在前面:文章转自网络 英文原版链接 ,若是觉得本文哪里不好还请指出,以便及时修改 目录(分7类,共35条): [内容]尽量减少HTTP请求数 [服务器]使用CDN(Content Delivery Network) [服务器]添上Expires或者Cache-Control HTTP头 [服务器]Gzip组件 [css]把样式表放在顶部 [js]把脚本放在底部 [css]避免使用CSS表达式 [js, css]把JavaScript和CSS放到外面 [内容]减少DNS查找 [js, css]压

h5移动端网页头部标签模板

从网上看到一个h5头部标签的模板,拷贝下来,留着以后用,嘿嘿 1 <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> 2 <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> 3 <head> 4 <!-- 声明文档使用的字符编码 --> 5 <meta charset='utf

常用网页头部meta标签收集和整理

< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. --W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关

网页性能优化的点点

前端优化再次被提起,高性能网站总是会得到用户的肯定,加载时间短,友好的界面交互,最少的资源占用,容易被搜索引擎抓取. 就自己可以接触到的范围,记录些优化的点点滴滴. 1.减少HTTP请求: 使用外部的css和js文件,这样便于压缩,便于合并. 使用CSS sprite,将小图片放于一张图片使用背景图绝对定位.PNG8会比GIF格式的图片小. 2.避免跳转,避免404: 这个在访问网站的时候的确经常遇到,而且真的是很影响体验,尤其/的问题,打开网站的时候,总重定向到加/的位置. 404神码的,最让