HTML semantics_html/css_WEB-ITnose の理解について話す

HTML セマンティクスとは何ですか?

HTMLタグは意味タグと非意味タグに分けられます。たとえば、table はテーブルを表し、form はフォームを表し、タグはハイパーリンクを表し、強いラベルは強調を表します。一般的な非セマンティック タグには、

、 などが含まれます。 HTML セマンティクスについての私の理解は、ページ内のシーンと関連してできるだけ多くのセマンティック タグを使用し、div や span などの意味的に非セマンティックなタグをあまり使用しないことです。

なぜセマンティクスなのか？

1. 現在、開発は基本的にチームで行われています。この場合、自分が理解できるコードであるだけでなく、他の人にとっても理解しやすく、読みやすいコードであることが重要です。ただし、実際の開発では、HTML の柔軟性と CSS の機能により、異なる人が作成したコードが、同じインターフェイス スタイルを実装するために異なる方法で実装される場合があります。実装が貧弱な場合、すべて div 内の div になる可能性があります。そのようなコードを維持すると、大惨事になる可能性があります。これが最も重要な要素だと個人的には思います。

2. クローラーがより効果的な情報を取得できるように、検索エンジンとの良好なコミュニケーションを確立します

3. 他のデバイスの解析と実行を容易にするために、コードの再利用性と移植性を考慮します。モバイルデバイス、視覚障害者用リーダーなど

個人的な感想

HTMLとCSSについて学ぶ必要があることはそれほど多くありません。利用の敷居は比較的低いですが、それでも使いこなすのは難しいです。それを使用することは純粋な芸術です。漢字は誰もが知っているようなものですが、ライターは漢字を使って感動的な記事を書くことができますが、私にはそれができません。 。 。

同じページでも、人によって書かれたHTMLは異なる可能性があります。個人的には、HTML の構造が CSS セレクターの複雑さ、画像からメンテナンス後の画像、さらには画像のパフォーマンスなどを直接決定すると感じています。つまり、HMLとCSSを使いこなすのはまだ難しいのです。

上記は実際の開発における私の個人的な感想ですので、専門家の方の訂正やご連絡をお待ちしております。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。