仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 892|回复: 6
打印 上一主题 下一主题

[HTML5] 来讲讲:网站建立过程当中罕见的5个HTML毛病

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-15 23:24:07 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
但他也直言说,这就像写软件时,在添加改善的新功能时,难免遭遇稳定性的问题,必须先把问题清除干净,才能推出新产品。网页制造poluoluo文章简介:网站建立过程当中罕见的5个HTML毛病:1.网页背景致的设置
  网站建立过程当中罕见的5个HTML毛病

  1.网页背景致的设置 

  出错机率:很年夜 

  广泛性:较广 

  出错大概性:懒/不晓得 

  约2年前我曾发明21cn上呈现过一次没有设置背景致的情形,事先我用Email关照了他们,自此以后这个成绩我从没犯过。 

  尽年夜部分人的窗口背景色彩都是红色,但假如象我如许本性的人,就会把windows窗口的背景色彩改成灰色或其他色,如许一来,假如你没有设置网页的背景色彩的话,你觉得一般的网页在我的电脑上看起来会是一团糟。 

  2.Align center(主动居中)的滥用 

  出错机率:十分年夜 

  广泛性:十分广 

  出错大概性:觉得便利/觉得好用 

  事情中,修正、保护他人的网页是屡见不鲜,发明很多人有一个成规: 

  在表格中的笔墨或图片,你是如许来令它居中、靠左或靠右过? 

  〈div align="center">人人好啊!!〈/div> 
  〈div align="center">〈img src="/xx.gif">〈/div>

  当有些表格良多、笔墨良多、内容分得很细的时分,爱用这类办法(它在DW里的快速键是Ctrl+Alt+C,FP不晓得是甚么)的人常常会狂用,惨了,我一碰着如许的网页就头痛,为何要用那末多〈div>来居中呢?tell me why?岂非表格没有居中属性吗?为何要到场这些渣滓代码?出格修正的时分也不克不及把笔墨或图片删除就可以主动扫除 

  倡议利用〈td align="center">来居中,当必要多重定位的时分,才思索〈div align="center">,由于这个代码其实不优点理,以是能用表格取代就用表格替换。
  3.反复利用完成不异功效的代码、或杂七杂八的乱套代码 

  出错机率:十分广泛 

  广泛性:十分广泛 

  出错大概性:庞大多样 

  人人先来看一看上面的代码: 

 〈center>〈p>〈font >〈font >〈font color="#CCCCCC">〈font color="#FFA76C" style="font-size:14px;font-family:隶书">标 题〈/font>〈/font>〈/font> 

  〈/center>你以为如许的代码看起来感到怎样呢?〈/font>〈/p> 

  我不晓得读者有甚么感到,压根我一看到如许的代码就会先自我麻痹十来秒,这十来秒目标是为了找一个能表达我的头脑情感的词(我?你想反问我吗?sorry~~,我一样平常不犯,由于我做网页最少有一半以上的工夫在扫瞄代码,代码中多了不应多的器材我一眼就可以看出来。)。 

  看看下面的代码,利用了2个class,4个font来界说2个文本,实在如许的成绩良多时分是在人人不休的修正中发生的,对代码不熟、或懒检察代码、又或不喜好检察代码的人犯这些成绩出格严峻,固然,现实上他人扫瞄这个网页的时分,是没有任何成绩的,但保护的人就…………。 

  这些过剩的渣滓代码完整是能够省略失落的,实在下面的例子不敷严峻,更可怕的我都见过。 

  别的另有一个成绩也要提提的,就是〈p>...〈/p>和〈center>...〈/center>,为何要用它们呢?tell me why~~,有甚者是如许的: 

〈td>〈div align="center" > 
  〈center> 
  〈p align="center">〈/p> 
  〈p align="center">〈font >〈font >〈font color="#CCCCCC">〈font color="#FFA76C" style="font-size:14px;font-family:隶书">标 题〈/font>〈/font>〈/font> 
  〈/center>〈/td>你以为如许的代码看起来感到怎样呢?〈/font>〈/p>〈/center>〈/div>〈/td> 

  看到如许的代码我是会很无法的(更无法的是我常常看到,并且必需看),我来简化一下: 

 〈td align="center" > 
  〈font color="#FFA76C" style="font-size:14px;font-family:隶书">题目〈/font> 

  你以为如许的代码看起来感到怎样呢?〈/td> 

  是否是看起来以为这个天下宁静了良多?"题目"前面的笔墨完成能够界说在〈td>的class里,就算不必CSS,再用多一个〈.font>也没成绩,一样很清新。 

  4.表格不准确嵌套 

  出错机率:一样平常 

  广泛性:广泛 

  出错大概性:对这个不懂得 

  实在这是一个街知巷闻的成绩了,但仍是不休有人犯,不准确的嵌套表格,大概会令到你被老总叫到办公室里臭骂一顿,会令到你觉得一般的网页用ADSL开2、3分钟都开不了。 先讲第一个成绩,就是在一个年夜表格里不休地嵌套表格,如许会令到翻开网页的速率变慢(固然说如今的IE改良了这一成绩,但仍是不倡议如许做),另外一方面保护、修正也极不便利,一样平常来讲复杂的套用是没有成绩的,乃至3、4层,可是不要把一切内容都放到一个表格里往。 第二个成绩就是在一个年夜表格里放进一切内容,而个中包含一个收费的计数器代码,嘻嘻,你猜有大概呈现甚么情形呢?实在也没甚么年夜不了的,最严峻的就是你的IE象逝世机了一样,甚么都没显现。办理办法就是把计数器独自放在一个表格里,别和其他内容一同放在统一表格。 

  5.写代码缩进的时分,不是利用Tab而是利用空格 

  出错机率:一样平常 

  广泛性:较少 

  出错大概性:不晓得Tab更好用 

  这一个成绩针对js、vbs、asp、php之类,html不克不及利用Tab会写一点程序的都晓得甚么叫缩进,怎样缩进?有人利用空格,有人利用Tab,假如你是利用空格的,那末从如今起,改用Tab吧。
</p>
HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问,用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签
金色的骷髅 该用户已被删除
沙发
发表于 2015-1-17 22:35:28 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
再见西城 该用户已被删除
板凳
发表于 2015-2-5 06:22:07 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
分手快乐 该用户已被删除
地板
发表于 2015-2-11 08:03:23 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
不帅 该用户已被删除
5#
发表于 2015-3-2 01:18:29 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
简单生活 该用户已被删除
6#
发表于 2015-3-11 04:12:59 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
第二个灵魂 该用户已被删除
7#
发表于 2015-3-25 07:59:56 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 14:04

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表