仓酷云

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

[HTML5] 带来一篇网页计划中HTML常犯的五个毛病

[复制链接]
因胸联盟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:32:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
通过大家的心得,或许能找出"怎么学html5"这个问题的答案。另,我会不定期把群里面关于技术的讨论贴到本帖,敬请关注。1.网页背景致的设置

  出错机率:很年夜
  广泛性:较广
  出错大概性:懒/不晓得

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

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

  2.Aligncenter(主动居中)的滥用

  出错机率:十分年夜
  广泛性:十分广
  出错大概性:觉得便利/觉得好用

  事情中,修正、保护他人的网页是屡见不鲜,发明很多人有一个成规:
  在表格中的笔墨或图片,你是如许来令它居中、靠左或靠右过?

  <divalign="center">人人好啊!!</div>
  <divalign="center"><imgsrc="xx.gif"></div>

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

倡议利用<tdalign="center">来居中,当必要多重定位的时分,才思索<divalign="center">,由于这个代码其实不优点理,以是能用表格取代就用表格替换。

  3.反复利用完成不异功效的代码、或杂七杂八的乱套代码
  
  出错机率:十分广泛
  广泛性:十分广泛
  出错大概性:庞大多样

  人人先来看一看上面的代码:
  <center><p><fontclass="CSS_id"><fontclass="font11"><fontcolor="#CCCCCC"><fontcolor="#FFA76C"style="font-size:14px;font-family:隶书">标题</font></font></font>
</center>你以为如许的代码看起来感到怎样呢?</font></p>

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

  看看下面的代码,利用了2个class,4个font来界说2个文本,实在如许的成绩良多时分是在人人不休的修正中发生的,对代码不熟、或懒检察代码、又或不喜好检察代码的人犯这些成绩出格严峻,固然,现实上他人扫瞄这个网页的时分,是没有任何成绩的,但保护的人就…………。
这些过剩的渣滓代码完整是能够省略失落的,实在下面的例子不敷严峻,更可怕的我都见过。

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

  <td><divalign="center"class="css_id">
  <center>
  <palign="center"></p>
  <palign="center"><fontclass="css_id"><fontclass="font11"><fontcolor="#CCCCCC"><fontcolor="#FFA76C"style="font-size:14px;font-family:隶书">标题</font></font></font>
</center></td>你以为如许的代码看起来感到怎样呢?</font></p></center></div></td>

  看到如许的代码我是会很无法的(更无法的是我常常看到,并且必需看),我来简化一下:
  <tdalign="center"class="css_id">
  <fontcolor="#FFA76C"style="font-size:14px;font-family:隶书">题目</font>
  你以为如许的代码看起来感到怎样呢?</td>

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

</p>
12下一页


Resig在2008年在其博客中介绍过HTML5的data-属性,现如今HTML5在如火如荼地推广,似乎国内的技术有些延迟,这篇博文可以在这里找到。
因胸联盟 该用户已被删除
沙发
 楼主| 发表于 2015-1-15 23:59:07 | 只看该作者

带来一篇网页计划中HTML常犯的五个毛病

每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点……  4.表格不准确嵌套

  出错机率:一样平常
  广泛性:广泛
  出错大概性:对这个不懂得

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

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

  出错机率:一样平常
  广泛性:较少
  出错大概性:不晓得Tab更好用

  这一个成绩针对js、vbs、asp、php之类,html不克不及利用Tab会写一点程序的都晓得甚么叫缩进,怎样缩进?有人利用空格,有人利用Tab,假如你是利用空格的,那末从如今起,改用Tab吧。

  利用空格有二年夜害处:1、缩进速率慢、修正速率慢。2、增年夜网页体积,会影响速率。</p>
上一页12


使得W3C与非正式的WHATWG(网络超文本应用程序技术工作小组)关系开始紧张起来。这些年来,一直是WHATWG肩负起HTML的重责大任。
透明 该用户已被删除
板凳
发表于 2015-1-18 05:25:32 来自手机 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
变相怪杰 该用户已被删除
地板
发表于 2015-1-27 05:16:39 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
灵魂腐蚀 该用户已被删除
5#
发表于 2015-2-5 10:03:14 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
活着的死人 该用户已被删除
6#
发表于 2015-2-11 09:10:24 | 只看该作者
可以使用 CSS 检查工具进行设计。
谁可相欹 该用户已被删除
7#
发表于 2015-3-2 10:19:00 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
小妖女 该用户已被删除
8#
发表于 2015-3-11 04:55:42 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
乐观 该用户已被删除
9#
发表于 2015-3-17 23:07:20 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
柔情似水 该用户已被删除
10#
发表于 2015-3-25 10:47:12 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-5 06:27

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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