首页 > 经验 > 关键词 > 网页制作最新资讯 > 正文

走向专业之路:网页新手30进阶秘技(上)

2009-05-19 09:11 · 稿源:net.tutsplus.com

9. 使用Firebug!

#FormatImgID_7#

据笔者观察,大部分的使用者仅仅使用了Firebug 20%的功能,那真是太浪费了,你不妨花几个小时的时间来系统学习这个工具,相信会让你事半功倍。

Firebug教程:

Overview of Firebug

Debug Javascript With Firebug - video tutorial

10. 使用小写的标记

理论上讲,你可以像这样随性的书写标记:

 

  1. <DIV>  
  2. <P>Here's an interesting fact about corn. </P>  
  3. </DIV> 

 

最好不要这样写,费力气输入大些字母没有任何用处,并且会让代码很难看,这样子就很好:

 

  1. <div>  
  2. <p>Here's an interesting fact about corn. </p>  
  3. </div> 

 

11.使用H1 - H6标签

笔者建议你在网页中使用其中全部六种标记,虽然大部分人只会用到前四个,但使用最多的H会有很多好处,比如设备友好、搜索引擎友好等,不妨把你的P标签都替换成H6。

12. 如果是博客,那把H1留给文章标题

#FormatImgID_8#

今天笔者在Twitter上发起一次讨论:是该把H1定义到LOGO上还是定义到文章标题上,有80%的人选择了后者。

当然具体如何使用要看你的需求,但我建议你在建立博客的时候,将文章题目定为H1,这对搜索引擎优化(SEO)是非常有好处的。

13. 下载ySlow

#FormatImgID_9#

在过去几年里,雅虎的团队在前端开发领域做了许多伟大的工作。前不久,它们发布了一个叫ySlow的Firebug扩展,它会分析你的网页,并返回 一个“成绩单”,上面细致分析了这个网页的方方面面,提出需要改进的地方,虽然它有点苛刻,但它绝对会对你有所帮助,强烈推荐—— ySlow!

14. 使用UL列表布局导航菜单

#FormatImgID_10#

通常网站都会有导航菜单,你可以用这样的方式定义:

 

  1. <div id="nav">  
  2.  <a href="#">Home </a>  
  3.   <a href="#">About </a>  
  4.   <a href="#">Contact </a>  
  5. </div> 

 

如果你想书写优美的代码,那最好不要用这种方式,

#FormatImgID_11#为什么要用UL布局导航菜单?

——因为UL生来就是为定义列表准备的

最好这样定义:

 

  1. <ul id="nav">  
  2.   <li><a href="#">Home</a></li>  
  3.   <li><a href="#">About</a></li>  
  4.   <li><a href="#">Contact</a></li>  
  5. </ul> 

 

15. 学会怎样对付IE

IE一直以来都是前端开发人员的噩梦!

如果你的CSS样式表基本定型了,那么可以为IE单独建立一个样式表,然后这样仅对IE生效:

 

  1. <!--[if lt IE 7]>  
  2.    <link rel="stylesheet" type="text/css" media="screen" href="path/to/ie.css" />  
  3. <![endif]-->  

 

这些代码的意思是:如果用户浏览器是IE6及以下,那这段代码才会生效。如果你想把IE7也包含进来,那么就把“[if lt IE 7]”改为“[if lte IE 7]”。(Oncoding编码营)

  • 相关推荐
  • 大家在看
  • 网页排序哪5个特征,百度颇为喜欢?

    常常用于表达一个人对于另外一个人的情有独钟,而在搜索引擎的领域里,很多SEO人员,常常试图去找寻一个“唯一的真理”那就是搜索排序中,到底哪个排序特征对于网页来讲,是最为重要的一个因素,而“我只喜欢你”,对于SEO而言,能不能真的把SEO做好。

  • 首个直播带货规范7月施行,重点规范刷单、虚假宣传等情况

    2020年直播带货行业可以说是十分火爆,除了一部分是今年疫情原因之外,近两年的增长趋势也十分明显。对行业的规范也被提升日常,就在7月1日,中国广告协会制定的《网络直播营销活动行为规范》将正式实施,该规范将重点规范直播带货行业刷单、虚假宣传等情况。

  • 喜茶道歉:门店操作不规范造成,将进行整改

    近日,南京抽检 16 批次果茶、 6 批次食用冰,其中就包含了市场上比较热门的茶饮品牌喜茶、奈雪、一点点等。结果显示:喜茶的一款食用冰菌落总数超标; 4 款果茶/奶茶中菌落总数高于同类标准, 3 款被检出大肠菌群,存在微生物污染。市场监管部门已约谈相关负责人。

  • 科技智能大进阶,一汽-大众新迈腾重磅推出

    说到中国汽车市场发展黄金期,可能就是2000年前后的时间,这一阶段,诸多新车型挤入中国的消费市场,其中 2007 年第一代国产迈腾的诞生也是个值得铭记的事件,经过十多年的发展,迈腾目前已累计客户达 180 万,并在 2017 年和 2018 年连续斩获B级车年度销量冠军。“新迈腾家族实现了从硬件到软件的跃迁、从机械性能到智能科技的突破,更将开启一汽大众大众品牌智能汽车新纪元。”这意味着,新迈腾的推出将开启一汽-大众智能新纪元?

  • 抖音摆摊证怎么制作

    最近地摊经济一词成为了很多互联网上热议的话题,而摆摊生意也逐渐成为抖音上一个重要的视频内容,不少主播都开始了摆摊直播,或者发布摆摊视频。这里就有人发布自己的摆摊证,那么这个摆摊证是怎么制作呢,我们来一起看下具体的制作步骤。

  • 美柚满足超2亿用户“进阶需求” 抓牢用户的“价值延伸”

    日前,国内知名第三方研究机构QuestMobile发布《2020女性新消费趋势报告》(以下简称“报告”),报告指出,随着用户规模的逐年增长,2020年2月移动互联网女性用户规模达到5.4亿。同时,女性具有很强的消费能力,呈现出多层次、多元化、多代际的移动购物特点。从用户总体规模及不断衍生的需求看,“她经济”市场持续活跃,想象空间巨大。同时,报告还特别指出,由于女性触媒方式的多样化,女性对于商品的了解渠道越来越广泛,因内?

  • 一文读懂offer发放注意事项,规范管理杜绝风险

    前几天看见一个HR吐槽,说是好不容易招了个人,领导见了,offer也发了,本以为万事大吉,刚准备喝杯茶,缓口气。结果!过了两天,那个部门领导说,现在有一个更适合的,不想要那个人了!而且!候选人也每天在催,想早点入职!要知道,有多少的HR是栽在“发offer”这个坑里的!一不留神就里外不是人,在内受委屈,在外又背锅,满腹心酸事,两眼泪涟涟。那么,发放offer,HR怎样才能机智避坑,做到无风险发放呢?我们首先了解下什么是offer

  • 享学课堂Java进阶架构班三期6月开营

    疫情过后,网课的热度依旧没有褪去。虽然刚刚过完“金三银四”程序员面试跳槽的旺季,但是还是有很多程序员继续选择学习深造,提高技术水平,为下一个面试跳槽周期“金九银十”做准备。据享学课堂官方提供的数据,在 2020 年第一季度Java类目下新增VIP学员超过 1000 人,Java课堂VIP总人数已经超过 6000 人。为提高教学服务,保证每位学员得到高质量的学习效果,本月开始享学课堂Java进阶架构班三期正式开营。享学课堂Java进阶架构

  • 比特币期权合约如何选?OKEx分析师的“进阶策略”

    据CoinDesk消息,Skew数据显示,比特币期权市场未平仓合约与期货和掉期市场未平仓合约的比率从2020年1月至今出现了明显的上升趋势,这表明期权未平仓合约的增长率已超过比特币期货和掉期未平仓合约的增长率,意味着期权未平仓合约的受众度在增加,投资者对于期权合约的选择在增加。 期权合约备受瞩目,投资者在市场中对于期权合约难以抉择。在上一期的“入门指南”中,OKEx的分析师以OKEx的期权合约为例,向大家介绍了不同种类的?

  • 京滇合作再进阶 北京汽车昆明基地筑梦绿色云南

    绿动云南新起点,滇峰智造铸辉煌。 6 月 16 日,以“巅峰智造 圆梦启航”为主题的北汽(昆明)项目“绿动云南战略联盟”签约暨地产车批量交车仪式,在北汽昆明生产基地举行。这一云南汽车产业发展进程中的里程碑事件,既是京滇地企合作初步成果展示,更是云南汽车产业永攀高峰、跨越发展的新起点,云南“汽车梦”圆梦之旅已坚定启航。云南省委常委、昆明市委书记程连元,云南省政府副省长董华,滇中新区党工委副书记、管委会副主任

  • 环保又耐用的家具制作工艺--激光封边

    中国有句行话——编筐织缕全在封口。板式家具也是如此,封边的品质,直接影响终端客户的最终使用效果。传统封边工艺多数采用 EVA等封边胶。封边过程即热熔胶熔融后将封边带与颗粒板胶合的过程。长期来看,此封边工艺不能满足可持续发展和环保友好的条件,客户的使用感也不好,对办公环境造成了极大的影响。EVA热熔胶是一种不需要溶剂,不含水的固体可溶性高分子,加热到一定温度后成为一种具有一定流动性的胶体。使用EVA封边的家具

  • 首个直播带货规范7月施行 主播不得采取流量等数据造假

    明日,国内首个直播带货规范将正式实施。6月24日,中国广告协会发布《网络直播营销行为规范》,这是国内出台的第一个关于网络直播营销活动的专门规范,该规范自2020年7月1日起施行。

  • 小米否认造车:其实是智能遥控车 正在抄写新媒体规范

    今日,针对“造车”传闻,小米商城回应称,其实是认真做了一辆智能遥控车,1:16比例复刻吉姆尼越野悍将形象。7月1日早10点在小米商城开启众筹 。小编正在抄写新媒体规范。

  • 荒野乱斗新手入坑全方面指南 新手到大师技巧攻略

    ​荒野乱斗最近上线了,自然是很多新手玩家的加入,这款游戏上手也简单,但是想玩的好就很难了,下面就来为大家分享一下荒野乱斗新手入坑全方面指南攻略,帮助大家脱离菜鸟称号。

  • 咔叽探险队新手入坑攻略指南 新手怎么从零开始玩好咔叽

    咔叽探险队马上就要开始公测了,很多新手届时会加入到游戏当中,所以今天就来为大家分享一下咔叽探险队新手入坑的攻略指南,帮助大家更好的去玩咔叽探险队。

  • 抖音/TikTok 爆款视频制作入门指南

    抖音和其海外版“TikTok”的机制可以说相当诱人的,比如对于一个新刚注册的用户,可能今天发布了一视频,第二天醒来就发现有 100 万的浏览量和 1 万的关注者。

  • 江南百景图新手入坑全攻略 新手全部玩法布局攻略汇总

    ​江南百景图是一个很有意思的新游戏,可以建设养成等等,算是一个很好玩的经营类的游戏了,一些新手的小伙伴还不清楚怎么玩这款游戏,下面就来为大家详细的介绍一下。

  • 螺旋风暴新手入坑全攻略 螺旋风暴新手入坑指南

    螺旋风暴这款游戏在7月2日正式的上线了,这是一款非常好玩的竞技策略游戏,很多新手加入其中,但是不知道怎么玩,下面就来为大家分享一下螺旋风暴新手全攻略。

  • 国内首部《网络直播营销行为规范》7月1日起实施

    【TechWeb】6月26日消息,6月24日,中国广告协会发布国内首份《网络直播营销行为规范》(以下简称《规范》),对直播电商中的各类角色、行为都作了全面的定义和规范。该《规范》将从7月1日起实施。《规范》规定了商家、主播、平台以及其他参与者等各方在直播电商活动中的权利、义务与责任。其中明确禁止刷单、炒信等流量造假以及篡改交易数据、用户评价等行为,商家不得发布产品、服务信息虚假宣传,欺骗、误导消费者。《规范》指

  • 国家版权局规范摄影作品版权秩序 整治图片侵权盗版

    今日,国家版权局发布《关于规范摄影作品版权秩序的通知》对摄影作品版权秩序进行了规范。其中,国家版权局称,图库经营单位应当健全版权管理机制,规范版权运营活动,与摄影作品著作权人订立合同,在双方约定的权限范围内行使相关权利。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天