<高品質なコードを書いて Web フロントエンド開発を実践する方法> HTML summary_html/css_WEB-ITnose

最近読んだ本がとても洞察力に富んでいると思い、重要なポイントをいくつか記録しました
セマンティックタグを使用する
(1) 利点: タグ自体をうまく説明できるため、検索エンジンが構造を理解しやすくなります。重要なコンテンツを削除した後、Web ページのコンテンツはブラウザのデフォルトのスタイルに従って整理され、読みやすくなり、特殊な端末との互換性が実現されます
(2) 共通モジュール:
デモ 1: 共通タグ

title

詳細

段落

デモ 2: フォーム
< フォームアクション= "" method = "post"＆gt; ;/thead>
>セル 3 または spans
(2) セマンティクスが明確ではなく、p または div のいずれかを使用できる場合は、次のようにするのが最善です。 p には上下のマージンがあり、スタイルを削除すると読みやすくなり、特殊な端末との互換性が向上するため、p を使用してください
(3) b、font、u タグなどの純粋なスタイル タグを使用する必要はありません。