問題タブ [web-standards]

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

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

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

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

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

前もって感謝します

アップデート：

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

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

次のようなタグになります

また

IEおよび/またはFFをQMにスローしますか？W3Cによると、これらはこれらのタグの標準属性ではありませんが、無効になるかどうかはわかりません。

あなたの助けは大歓迎です。

必要なすべてのブラウザーでサイトが同じように表示されている場合、CSSが無効であっても問題ありませんか？

具体的には、CSSは次の理由で無効です。

• ベンダー固有のプロパティを使用していますが、
• IE 6および7のハックを使用していますが、
• ブラウザ固有のハックを使用しています

CSSを完全に有効にすると、どのようなメリットがありますか？

見出しをイタリック体で表示する必要があるのですが、このようにしてもよろしいですか?

または、次の<p>ようなタグを使用する必要があります。

タグを使用すると、<h5>スクリーン リーダーはこれをどのように読み取り、意味的に正しいのでしょうか?

クラスを使いたくない。

ここのリストを参照してください：

http://www.w3schools.com/html5/html5_reference.asp

のよう<b>に、、、、、？<i>_<br><hr><small>

これらを使用することは短所がないことを意味しますか？しかし、コンテンツとプレゼンテーションの分離についてはどうでしょうか。

コンテンツ、プレゼンテーション、および動作の分離は毎回可能ですか?

多くの場合、javascript を介してクラスを html に追加し、CSS で使用しvisibility:hidden inlineます。

すべてを分離しておくために常に時間を費やす必要がありますか?

Web サイトをデザインする際の画面サイズの基準は何ですか? まだ800x600ですか？

同じ name 属性を共有する入力フィールドを含む複数の HTML フォームをページに配置することは許容されますか? たとえば、ページにはすべてのプレーヤーのリストが含まれており、ユーザーは最高のプレーヤーに投票できるため、各プレーヤー カードの横に次のフォームがあります。

もちろん、非表示の入力フィールドの値属性はフォームごとに異なります。

ページにこのようなフォームが 20 個あるとします。これは、「player_id」に等しい名前の入力フィールドが 20 個あることを意味します。そのページを HTML バリデーターに渡すと、XHTML 1.0 Strict doctype でも有効です。しかし、これは Web 標準またはアクセシビリティの観点から受け入れられる慣行でしょうか?

私が確かに知っていることの 1 つは、player_id と呼ばれる 1 つの POST フィールドから値をロードするだけでよいため、ページのサーバー側処理が簡単になることです。