Heim > Web-Frontend > HTML-Tutorial > Fünf häufige HTML-Fehler im Webdesign

Fünf häufige HTML-Fehler im Webdesign

黄舟
Freigeben: 2016-12-16 14:28:27
Original
1747 Leute haben es durchsucht

1.网页背景色的设置

  犯错机率:很大

  普遍性:较广

  犯错可能性:懒/不知道

  约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。

  绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起来会是一团糟。

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

  犯错机率:非常大

  普遍性:非常广

  犯错可能性:以为方便/以为好用

  工作中,修改、维护别人的网页是家常便饭,发现不少人有一个陋习:

  在表格中的文字或图片,你是这样来令它居中、靠左或靠右过?

  

大家好啊!!
 
  

  当有些表格很多、文字很多、内容分得很细的时候,爱用这种方法(它在DW里的快捷键是Ctrl+Alt+C,FP不知道是什么)的人往往会狂用,惨了,我一碰到这样的网页就头痛,为什么要用那么多

来居中呢?tell me why?难道表格没有居中属性吗?为什么要加入这些垃圾代码?特别修改的时候也不能把文字或图片删除了就能自动清除

建议使用来居中,当需要多重定位的时候,才考虑

,因为这个代码并不好处理,所以能用表格代替就用表格替代。

  3.重复使用实现相同功能的代码、或杂七杂八的乱套代码 
  
  犯错机率:非常普遍

  普遍性:非常普遍

  犯错可能性:复杂多样

  大家先来看一看下面的代码: 
  

标 题 

你觉得这样的代码看起来感觉怎么样呢?

  我不知道读者有什么感觉,压根我一看到这样的代码就会先自我麻木十来秒,这十来秒目的是为了找一个能表达我的思想感情的词(我?你想反问我吗?sorry~~,我一般不犯,因为我做网页至少有一半以上的时间在浏览代码,代码中多了不该多的东西我一眼就能看出来。)。

  看看上面的代码,使用了2个class,4个font来定义2个文本,其实这样的问题很多时候是在大家不断的修改中产生的,对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重,当然,事实上别人浏览这个网页的时候,是没有任何问题的,但维护的人就…………。 
这些多余的垃圾代码完全是可以省略掉的,其实上面的例子不够严重,更恐怖的我都见过。

  另外还有一个问题也要提提的,就是

...

...
,为什么要用它们呢?tell me why~~,有甚者是这样的:

  

 
  
 
  

 
  

标 题 

你觉得这样的代码看起来感觉怎么样呢?

Ich werde sehr hilflos sein, wenn ich solchen Code sehe (noch hilfloser ist, dass ich ihn oft sehe und lesen muss), lassen Sie es mich vereinfachen:
 
 Title Wie sieht dieser Code Ihrer Meinung nach aus und wie fühlt er sich an?

Scheint es, als wäre die Welt viel ruhiger? Der Text nach dem „Titel“ kann in der Klasse von definiert werden. Auch wenn kein CSS verwendet wird, ist die Verwendung eines zusätzlichen <.font> kein Problem, es ist dennoch sehr erfrischend.

4. Falsch verschachtelte Tabellen

Fehlerwahrscheinlichkeit: allgemein

Universalität: häufig

Fehlermöglichkeit: Ich weiß nicht darüber

Tatsächlich ist dies ein häufiges Problem, aber die falsche Verschachtelung von Tabellen kann dazu führen, dass Sie von Ihrem Chef ins Büro gerufen und beschimpft werden, was dazu führen kann, dass die Webseite nicht normal ist über ADSL auch nach 2 bis 3 Minuten geöffnet. Lassen Sie uns zunächst über das erste Problem sprechen, nämlich dass das kontinuierliche Verschachteln von Tabellen in einer großen Tabelle die Geschwindigkeit beim Öffnen von Webseiten verlangsamt (obwohl der aktuelle IE dieses Problem behoben hat, wird dies immer noch nicht empfohlen). Einerseits ist die Wartung und Änderung äußerst umständlich. Im Allgemeinen gibt es bei einfacher Anwendung kein Problem, auch bei 3 oder 4 Ebenen, aber legen Sie nicht alles in eine Tabelle. Das zweite Problem besteht darin, alles in eine große Tabelle zu legen, einschließlich eines kostenlosen Zählercodes, hehe, raten Sie mal, was passieren könnte? Tatsächlich ist es keine große Sache. Das Schlimmste ist, dass Ihr IE abgestürzt zu sein scheint und nichts angezeigt wird. Die Lösung besteht darin, den Zähler in einer separaten Tabelle zu platzieren, nicht in derselben Tabelle mit anderen Inhalten.

5. Verwenden Sie beim Schreiben von Codeeinrückungen Leerzeichen anstelle von Tabulatoren

Fehlerwahrscheinlichkeit: Allgemein

Universalität: weniger

Fehlermöglichkeit: Ich weiß nicht Ich weiß nicht, ob Tab besser zu verwenden ist

Diese Frage gilt für js, vbs, asp, php usw. Jeder, der weiß, wie man einige Programme schreibt, weiß, was Einrückung ist. Einige Leute verwenden Leerzeichen, andere verwenden Tab. Wenn Sie Leerzeichen verwenden, verwenden Sie von nun an stattdessen Tab.

天极yesky

Das Obige ist der Inhalt von fünf häufigen HTML-Fehlern im Webdesign. Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (www.php.cn)!



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage