ウェブサイトの構築中の5つの一般的なHTMLエラー
1。Webページの背景色の設定
間違いの可能性:非常に高い
普遍性:より広い
間違いを犯す可能性:怠zy/わからない
約2年前、私は21cnに背景色がないことを発見しました。私は彼らに電子メールを使用して通知しましたが、それ以来この問題を遂げたことはありません。
ほとんどの人は窓に白い背景色を持っていますが、私のような人が人である場合、窓の背景色を灰色または他の色に変更します。このように、Webページの背景色を設定しない場合、通常のWebページは私のコンピューターの混乱のように見えると思います。
2。整列センターの乱用
間違いを犯す可能性:非常に高い
普遍性:非常に広い
間違いを犯す可能性:それが便利だと思う /使いやすいと思う
職場では、他の人のWebページを変更して維持することが一般的であり、多くの人が悪い習慣を持っていることがわかりました。
テーブルのテキストや写真では、どのように中心にして、左または右に中心にしますか?
<div align = center>みなさん、こんにちは! ! </div>
<div align = center> <img src =/xx.gif> </div>
いくつかのテーブルが多い場合、テキストがたくさんあり、コンテンツは非常に慎重に分割されています。この方法を使用したい人(DWのショートカットキーはCtrl+Alt+Cです。FPが何であるかはわかりません)。それは残念だ。そのようなウェブページに遭遇したとき、私は頭痛がします。なぜそんなに多くの<div>を使用する必要があるのですか?なぜ教えてください?テーブルにはセンタリング属性がありませんか?なぜこれらのジャンクコードを追加するのですか?それを変更するとき、テキストや写真を削除して自動的にクリアすることはできません。
<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>
読者が何を感じているのかわかりません。そのようなコードが表示されるとすぐに、10秒間麻痺します。これらの10秒の目的は、私の考えや感情を表現できる言葉を見つけることです(私は?私に尋ねたいですか?申し訳ありません~~、私は通常、私の時間の半分の時間をWebページで閲覧するのに費やしているので、コードにあまりにも多くのものがあることがわかります)。
上記のコードを見てください。 2つのクラスと4つのフォントを使用して、2つのテキストを定義します。実際、このような問題は、多くの場合、人々の絶え間ない変更によって引き起こされます。コードに精通していない、コードを表示するのが面倒な人、またはコードを表示するのが嫌いな人、これらの問題は特に深刻です。もちろん、実際、他の人がこのウェブページを閲覧するときに問題はありませんが、それを維持する人......
これらの余分なジャンクコードは完全に省略できます。実際、上記の例は十分に深刻ではなく、私はそれらがさらに恐ろしいものを見てきました。
言及すべきもう1つの質問は<p> ... </p>と<中央> ... </center>、なぜそれらを使用するのですか?理由を教えてください~~、これは何ですか:
<td>○div align = 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:家家> title </font>
そのようなコードはどのように見えると思いますか? </td>
世界ははるかに静かだと感じているようですか?タイトル後のテキストの完了は、<td>のクラスで定義できます。 CSSを使用していなくても、余分な<.Font>を使用しても大丈夫ですが、それでも非常に爽やかです。
4.テーブルは誤ってネストされています
エラーの確率:通常
普遍性:ユニバーサル
間違いを犯す可能性:これを知らないでください
実際、これは通りを認識するという問題ですが、人々はまだトラブルを起こし続けています。ネストされたフォームが誤っていると、オフィスのボスにscり、通常のWebページをADSLで2分または3分間開くことができないと思わせることがあります。最初の問題について説明しましょう。これは、大きなテーブルにテーブルを絶えずネストすることです。これにより、Webページを開く速度が低下します(現在のIEはこの問題を改善しましたが、これを行うことはまだお勧めしません)。一方、メンテナンスと変更も非常に不便です。一般的に言えば、単純なアプリケーション、さらにはレイヤー3または4にも問題はありませんが、すべてのコンテンツを1つのテーブルに入れないでください。 2番目の問題は、すべてを大きなテーブルに入れることであり、無料のカウンターコードが含まれています。 hehehe、何が可能かを推測しますか?実際、それは大したことではありません。最も深刻なことは、あなたのIEがクラッシュのようで、何も表示されないことです。解決策は、他の内容と同じテーブルにカウンターを単一のテーブルに置くことです。
5.コードインデントを書くときは、タブではなくスペースを使用します
エラーの確率:通常
普遍性:少ない
間違いを犯す可能性:タブの方が良いとはわかりません
この質問は、JS、VBS、ASP、PHPなどに関するものです。タブを使用できない場合は、小さなプログラムを書くことができます。インデントとインデントする方法がわかりますか?スペースを使用する場合、スペースを使用している人もいれば、スペースを使用する場合もあれば、これからタブに切り替えます。