-1

セマンティックX/HTMLマークアップがどのように時間を節約できるか-

  1. ウェブサイトのCSSを書くとき
  2. 将来、クライアントから設計変更があった場合。
  3. そして、なぜテーブルベースのレイアウトは両方の条件で常により多くの時間がかかるのですか？

今日はこれらのことを生徒に説明しなければなりません。

いくつかの例がありますが、もっと良い例とアイデアをうまく​​説明したいと思います。

開発者の観点から、セマンティックX/HTMLマークアップの利点について説明したいと思います。

前もって感謝します

アップデート：

セマンティクスマークアップを使用する利点：

  1. CSSを適用できない環境でドキュメントを見る人にとっては、読みやすくなります。
  2. Web開発者にとって、コードの保守、およびコンテンツ（HTML）とプレゼンテーション（CSS）の分離がはるかに簡単になります。
  3. セマンティックマークアップは、場合によってはcssグループセレクターの必要性を減らすことができます。
4

3 に答える 3

3

開発者にとっての主な利点は、より信頼性が高く制御可能なコードに加えて、明確なコードです。セマンティックXHTMLを作成することで、将来、他の開発者や自分自身が解読するのが難しい漠然としたコードを作成することを回避できます。

IE。同じ柔軟性、スタイリング、読みやすさの向上を保ちながら、（これは頻繁に発生します...）を<address>使用するよりもアドレスをリストするのに適しています。<div>

于 2010-02-05T10:47:12.887 に答える
2

私の仕事の経験から：私は今までに数回、前任者または完全に他の人からのレガシーマークアップを見る必要がありました（実際には私自身からも1〜2回）。時々私はブラウザでソースを見ることから来たものだけを持っていました。これまでの私の調査結果は次のとおりです。

  • 作成者が明確で論理的なクラス名とともにセマンティックマークアップを可能な限り使用した場合、ページの構造を見つけて、新しいウィジェットをコーディングしたり、列のレイアウトなどを再構築したりするのは本当に簡単で楽しいものでした。

  • 著者がテーブルベースのレイアウトを使用していて、私も90年代の終わりから見るものを持っていた場合、それは完全な混乱です。どのテーブル行が何をするのか、どのテーブルセルがどこに属するのかを理解する必要があります。把握できると思い始めた場合は、rowspan="3"以前に300行のマークアップを見落としていました。Firebugでも、このようなタグスープに腹を立てることができます。

    ここに新しいものを追加すると、かなり冒険的になる可能性があります。テーブルセルにコンテンツを追加し、新しいものの幅と高さを完全に修正しないと、ページ全体に不快なギャップが生じ、<td>どこかでsを開いたり閉じたりするのを忘れてしまう可能性があります（200の検証エラーが発生します）どこかで見落としがちな元のページ）は、完全にねじれたビューにつながる可能性があります。

  • 作成者がすべての場所でdivとspanを使用したが、セマンティックマークアップを実行しなかった場合（つまり、の代わりに書き込みを実行した場合）、テーブルレイアウトよりもはるかに優れています（多くても、前述のrowspanとcolspanがあり、どこかに行方不明がある場合、ページが完全に爆発しない可能性があります）、それでもマークアップに腹を立てることができます<div class="header1"/><h1/></div>

    </div></div>
</div>
   </div>
  </div>
</div></div>
  </div>

    さらに、スタイルシートが付属している場合、それもほとんど完全な混乱でした。、、を区別すると.header、スタイルシートとマークアップの間を行ったり来たりする必要があります。.header1div.header_level1#middle .h1

于 2010-02-05T11:14:12.463 に答える
1
  1. ウェブサイト用に初めてCSSを作成します

ウェブサイトごとに外観やレイアウトが異なります。レイアウト間の類似性がない限り、初めてcssを作成する必要があります。

  1. 将来、クライアントから設計変更があった場合。

MVCデザインパターンを使用してWebサイトを作成できます。これにより、サイトのデザインに多くの変更が加えられます。

  1. そして、なぜテーブルベースのレイアウトは両方の条件で常により多くの時間がかかるのですか？

それらのマークアップは、より多くの書き込みが必要になるように設計されているため、divベースのレイアウトでは、主にクリアとフロートを使用します。これは、レイアウトをすばやく作成するのに最適です。

于 2010-02-05T10:27:02.740 に答える