带来一篇网页计划中HTML常犯的五个毛病
通过大家的心得,或许能找出"怎么学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在如火如荼地推广,似乎国内的技术有些延迟,这篇博文可以在这里找到。
带来一篇网页计划中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的重责大任。 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 可以使用 CSS 检查工具进行设计。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
页:
[1]