HTML の3 つの原則は最適化をコードする
ちょうど家をきれいにするばねのようにあなたのWeb ページのHTML コードもまた周期的なクリーニングを得るべきである。長期間に、変更及び更新としてWeb ページに、コードページの塔載所要時間を減速し、傷つく不必要な散乱と散らかられるようになるできる作られるあなたのWeb ページの効率。散らかされたHTML はまた真剣にあなたのサーチエンジンのランキングに影響を与えることができる。
これはFrontPage またはDreamweaver のようなWYSIWYG (得るものにである見るか何を) 網の設計パッケージを使用すれば特に本当である。これらのプログラムはあなたのウェブサイトの作成のスピードをあげるが、執筆はっきりしたHTML コードで有効なそれでない。
私達はジヤバ・スクリプトのようなページで使用されるかもしれない他のプログラミング言語を無視する実際のHTML のコーディングにこの議論を焦点を合わせる。コード例で私は正しいHTML の代りに(コード例がこの時事通信できちんと表示するように) 特性を使用して。
最近までの上でページをHTML でコードするとき私達は(壷の) 札および(p) パラグラフの札のような札を使用していた。これらの札間の私達のページ内容、テキスト、イメージおよびリンクがありなさい。書式作成の変更が新しい札が新しいののための完全な書式作成と区分する必要とされたページで行なわれていたたびに。最近私達は滝のように落ちるスタイルシートを使用する機能を得書式作成を一度書き、次に数回その書式作成をWeb ページ内の参照することを私達を許可する。
ページの塔載所要時間のスピードをあげるためには私達はHTML の編集者で見られたときページの少数の特性を有する必要がある。私達が実際にの私達の目に見える内容取除きたいと思わないので私達はHTML コードに見る必要がある。このコードの上のクリーニングによって私達はそれによりすぐに荷を積むより小さいWeb ページを作成する特性を、取除くことができる。
終わる時間のHTML は変わり、私達は今同じ事をする多くの異なった方法を有する。例は太字表面を示すのに使用されたコードである。HTML では私達に2 つの主要な選択、(強い) 札および(b) 札がある。ことをことをように見ることができる(強い) 札は(strong)(/strong) 札の組を使用することははっきりした(b)(/b) 札の組より10 のより多くの特性を使用することをよく私達が見ると同時に私達が閉鎖の札を考慮すれば(b) 札より5 つのより多くの特性を、そして使用する。
これははっきりしたHTML コードの私達の最初の原則である: 利用できる最も簡単なコーディング方法を使用しなさい。
HTML に他のコード内のネスティングコードの能力がある。例えば私達は中間の単語が大胆にあった3 ワードのラインを有することができる。これは書式作成を完全に変えることによって達成できる目に見える書式作成が変わるたびに。このコードを考慮しなさい:
(壷face=?times?)This(/font)
(壷face=?times?)(strong)BOLD(/strong)(/font)
(壷face=?times?)Word(/font)
これは90 の特性をとる。
これはWYSIWYG の編集者を使用するとき非常に不完全に文書によるHTML 、時折得るものにである。(壷の) 札以来私達が(壷の) 札の中の(強い) 札に単に入り込むことができる同じ情報をよりよいけれども(b) 札を(強い) 札の代りに使用するために繰り返して。これは私達にこのコード(壷のface=?times)This (b)BOLD(/b) をWord(/font) 与え、46 の特性しかとない。
これははっきりしたHTML コードの私達の第2 原則である: 使用は可能なとき札に入り込んだ。WYSIWYG の編集者が入り込まれたコードことをの層の後の層を加えることによって頻繁に書式作成を更新することわかっていなさいありなさい。そうコードの上できれいになっている間プログラムを編集するあなたのWYSIWYG によってそこに置かれる余分な入り込まれたコードを捜しなさい。
HTML の札の使用を用いる大きい問題は私達が書式作成を変える時はいつでも私達が札のコーディングを繰り返す必要があることである。CSS の出現はレイアウトに私達に文書の書式作成を一度与えることによってそれを私達にきれいなコーディングの大きい利点を、それから単に何回も示す与える。
私達がページで2 つのタイプの青いのヘッディングのような書式作成の間で、大胆転換する6 つのパラグラフを有したら、Ariel は、私達が変更を行なうたびに4 つを大きさで分類し、黒、時、私達がその完全な書式作成をリストする必要がある札を使用してサイズ2 のテキストを、パラグラフに分ける。
(壷のface=?Ariel か。color=?blue か。size=?4?)(b)Our heading(/b)(/font)
(壷のface=?Times のcolor=?black か。size=?2?)Our paragraph(/font)
(壷のface=?Ariel か。color=?blue か。size=?4?)(b)Our 次にheading(/b)(/font)
(壷のface=?Times のcolor=?black か。size=?2?)Our 次にparagraph(/font)
私達はそれから各ヘッディングおよびパラグラフのHTML コードの多くのためのこれを繰り返す。
私達が参照しなさいCSS と私達が変更を行なうたびに各書式作成のタイプのためのCSS 様式を作成単にできページのヘッダーの様式を一度リストし、そして次に様式を。
(頭部)
(様式type="text/css")
(! - -
style1 {
壷家族: Helvetica Arial sans-serif;
壷重量: 大胆;
壷サイズ: 24px;
}
style2 {
壷家族: "Times.new.roman" 、時、serif;
壷サイズ: 12px;
}
--)
(/様式)
(/頭部)
(ボディ)
(p class="style1")Heading(/p)
(p class="style2")Paragraph Text(/p)
(/ボディ)
様式がページのヘッドセクションで単に作成され、次にボディセクションで参照されることに気づきなさい。私達がより多くの書式作成を加えるので私達は前に作成された様式を参照し単に続ける。
これははっきりしたHTML コードの私達の第3 原則である: 可能な場合使用CSS 様式。すぐに外面CSS のスタイル・ファイルを単に更新することによって場所広い書式作成を更新するCSS に外的なファイルにCSS 様式をあり、それによりページサイズ置ける、のような複数の他の利点が、および機能をさらにもっと減らす。
そうあなたのHTML コードの簡単なクリーニングと容易にファイルサイズを減らし、速いローディング、lean および中間のWeb ページを作ることができる。
著者について:
ジョージPeirson は成功した企業家およびインターネットのトレーナーである。彼は30 のマルチメディア上のの著者基づかせていたPhotoshop 、フラッシュ及びDreamweaver のようなトピックをカバーする個人指導の訓練のタイトルをである。彼の訓練セットがwww.howtogurus.com を訪問するのを 見るため
記事のソース: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
ウェブマスター向けのHTMLコードを取得
この記事を追加してお客様のウェブサイトを今しなさい！
ウェブマスター向けの記事を送信してください
登録の必要なし！フォームに記入してください Messaggiamo.Com 記事は、ディレクトリ！
