インターネットは絶えず変化する生物です。インターネットの開発に長い間適応できるページを構築することは非常に重要です。インターネットの開発の急流でのウェブサイトの迅速なフォローアップになる可能性があります。
きちんとしたHTMLタグを使用して、標準に準拠したページを構築すると、それを行うのに役立ちます。さらに重要なことは、将来の運用における膨大な時間とお金の節約になる可能性があります。
Webページテクノロジーは、インターネットテクノロジーの開発により進行中です。 HTMLテクノロジーは長い間開発されてきました。また、そのコンパニオンテクノロジーも着実に開発されています。
最初はJavaScript、次にCSSとXMLです。 Ajaxは、HTML5の大規模な使用が出現し始めています - Firefox、Safari、Opera、Chromeは基本的にHTML5を完全にサポートしています(この問題では、Microsoftのインターネットエクスプローラーは再びインターネット#-_-の開発を妨げます)
この記事では、基本的なWeb標準を調査し、それらが何であるか、それらが何を意味するのか、これらの重要であるが見過ごされがちな問題の解決策について説明します。
簡単に言えば、きちんとしたHTMLタグは次のとおりです。負担はなく、標準に準拠し、意味のあるタグと構造を使用します。
面倒なHTMLコードは、タグを最大限に活用したり、不要なコードを排除したり、意味のあるタグのみを保存することはできません。埋め込まれたCSSなどの役に立たないプロパティを回避し、ドキュメント構造をきれいに保ちます。
同様に、面倒なCSSコードは、独自の重複を回避し、継承可能な特性を使用し(CSSはカスケードスタイルのシートであることを意図していることを忘れないでください)、CSSクラスを科学的に再利用する必要があります。
標準に準拠することは、W3CのHTML、CSS、およびXML標準を介してページを検証できることを意味します。無料のW3Cバリーターを使用してエラーを見つけて変更し、100%が標準に準拠していることを知るためにテストを続けます。
すべてのプロジェクトには厳しい時間制限があり、ユーザーはウェブサイトがリリースされるほど良いことを望んでいます。したがって、ウェブサイト開発者とデザイナーの両方が、作業を迅速かつ効率的に完了する必要があります。
人々がtrapに陥るのは簡単です - 速いことはずさんであり、きちんとした標準的な準拠のコードを書くことは時間を無駄にします。人々はしばしば言います:それが正常に表示される場合、問題はありません。
現時点では表示されますが、来年はどうですか? 3年後はどうですか?ブラウザが交換された場合はどうすればよいですか?デバイスは互換性がありますか?
検索エンジンがラインごとにコードを選択すると本当に思いますか?彼らはとてもうるさいです。標準化されたコードを使用しない場合、検索エンジンを自分でドライブすることに相当します。
コードを変更する他の従業員がいる場合、上司に解雇されたり、自分でジョブを変更した場合はどうなりますか?あなたのコードを見て、それらが何を意味するのかを理解する後継者がいます。あなたはこれをシンプルにしたいですか、それとも彼にあなたの悪役を彼の背中の後ろに刺してほしいですか?
正しく書き始めてください、それは迷惑なものではなく、時間とお金を節約し、心配を減らします。
埋め込まれたCSSを使用する方が高速であると考えるか、構造を考慮せずにHTMLを直接書き込む方が便利だと思うかもしれません。
しかし、ドキュメントを変更したり、将来ウェブサイトを修正したい場合は、劣等なコードによる干渉を補うためにより多くの時間を費やすことになります。新しいStyleSheetsを作成すると、HTMLコードに散在する埋め込みCSSは多くのトラブルを引き起こす可能性があり、それらを剥奪するのに何時間も費やすことがあります。
モバイルブラウザは、より速く、より速く開発されています。モバイルインターネットアクセスは、ブラックベリーの特許ではなくなりました。現在、何億人もの人々が携帯電話を使用して毎日ウェブを閲覧しています。
視覚障害のある人向けに開発された閲覧技術を支援するデバイスや、身体的不便な人向けに設計された特別な操作インターフェイスはすでに一般的です。このような大規模なユーザーベースを失いたくない場合は、デバイスに優しい問題を考慮する必要があります。
あなたのウェブサイトは、点字のユーザーに提供される場合があります。インターネットコンテンツストレージやGoogleスナップショットなどのツールを使用すると、削除されていても、Webページが長い間インターネット上に保持される場合があります。
きちんとした標準に準拠したマーキングを使用すると、上記の状況に簡単に対処できるようになります。
do-定義済みのタグを使用します。たとえば、H1はWebページのコンテンツの最も重要な部分、次にH2、H3などです。Webページには1つのH1しかありません。
do-意味のある要素で名前を付けます。他の誰かがコードを読んでいるかどうかを自問してください。クラスとIDの命名の意味を理解してください。たとえば、同じレイヤーの場合、#Box12または#コメントフッターを使用してください。どちらが良いと思いますか?
do- CSS継承を最大限に活用します。たとえば、フォント属性をコンテナに設定する場合、別のフォントを使用しない限り、子要素に個別に設定する必要はありません。これにより、スタイルが明確で簡潔になります。
do -html、css、xmlコードを標準に準拠させます。 W3Cバリデーターを使用して、エラーと警告を確認し、それらが100%準拠していることを知るためにそれらを変更します。
do -wysiwygエディターによって生成されたコードを双方向チェックします。 WysiWygブラウザは、ゴミコードを生成する大きなヘッダーであり、生成するコードを合理化しようとする必要があります。
埋め込まれたCSSスタイルと無関係なタグとプロパティを使用しないでください。あなたは非常に忙しいので、これらのことを自由に追加しないでください。
しないでください - 正しく表示することに満足しないでください。ページに隠されたエラーは、他のブラウザやデバイスのページを認識せずに破壊する可能性があるためです。