WEB 標準ウェブページ構造

背景画像でも、ページ上のテキストサイズでも、1 ピクセルの違いは非常に明白です。そして、私は学生時代に身につけた悪い癖を持ち込んでいました。私はいつも不注意でした。初めてページを提出した後、多くの問題がありました。幸いなことに、私の講師がそれらを指摘してくれました。そうでなければ、私はそれらの問題に気付かなかったでしょう。それはすべて、私があまりにも不注意で、デザイン案を正確に復元しなかったことに起因していました。今後はこれを克服するために努力しなければなりません。ページデザインの視覚的な表示の完璧さを目指します。

この経験を通して、いくつかのページ構造も理解できました。最初は、構造とは、ブラウザが読み込まれたスタイルをブロックした後に、ページコンテンツをどのような構造で表示するかということだと思っていました。この外観を使用して適切なタグを選択し、独自のページ構造を構築します。そして、ブラウザのデフォルトの表示スタイルと混同してしまいます。一方では、いくつかのラベルとの際限のない無意味な関連付けが、ラベルの使用に関する誤解につながるからです。これは、多くのリファクタリング担当者が必然的に遭遇する問題だと思います。今回はそれを実践しただけです。

たとえば、このプロジェクトでは、スタイルを削除した後の HTML ファイル全体の外観が人々の通常の考え方と一致するようにしたかったので、画像リストにコメントリストを多く使用しました。これは私がページに押し付けたもので、あまり正しい構造ではありません。その利用範囲を広げたのは私です。最も本来の用法に戻ると、これは実際には構造ではなく、コンテンツを表現するために使用される単なるラベルです。これは誤解です。これはメモのリストではなく段落だと考える人もいるかもしれません。それは個人によって異なります。したがって、誰もが選択について合意に達することができないこの状況では、意味のない div タグを選択することが妥協策となる可能性があります。

構造は実際に体験してゆっくり要約する必要があるものです。

<<: DockerコンテナがSongtiなどのフォントを認識しない場合の解決策

>>: 光るテキストとちょっとしたJS特殊効果を実現するCSS