ホームページ > 記事 > ウェブフロントエンド > html5 が守るべき 6 つの原則 (はじめに)
html5 が守るべき 6 つの原則 (はじめに)
- 青灯夜游オリジナル
- 2018-09-26 16:33:192750ブラウズ
HTML5 の迅速な推進を可能にする一連の原則とは何ですか?この章では、HTML5 が遵守する必要がある 6 つの原則を紹介します。困っている友人は参考にしていただければ幸いです。
#原則 1: 不必要な複雑さを避ける
html4<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">html5
<!DOCTYPE html>html4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">html5
<meta charset="utf-8">
原則 2: 既存のコンテンツのサポート
次の 4 つのコードは xhtml でのみ使用できます。は正しいです。html5 ではすべてが正しいです。XML/HTML<img src="foo" alt="bar" /> <p class="foo">Hello world</p>
<img src="foo" alt="bar"> <p class="foo">Hello world
<IMG SRC="foo" ALT="bar"> <P CLASS="foo">Hello world</P>
<img src=foo alt=bar> <p class=foo>Hello world</p>
原則 3: 現実の問題を解決する
html4 では、2 つのブロック レベル要素が同じリンク アドレスを持つ場合でも、インライン要素にブロック レベル要素を含めることはできないため、それらを別々に記述する必要があります。<h2><a href="/path/to/resource">Headline text</a></h2> <p><a href="/path/to/resource">Paragraph text.</a></p>そして html5 では、コンテンツ モデルでは、3499910bf9dac5ae3c52d5ede7383485 要素にはブロック レベルの要素も含めることができます
<a href="/path/to/resource">
<h2>Headline text</h2>
<p>Paragraph text.</p>
</a> 原則 4: 誠実で実用的である
html5 には、次のような複数の要素が追加されています。セクション、記事、サイド、ナビゲーションは、コンテンツの分割という新しいコンテンツ モデルを表します。これまで人々は div を使用してページ上のコンテンツを整理してきましたが、他の同様の要素と同様に、div 自体にはセマンティクスがありません。しかし、section、article、side、nav は、実際には、このセクションが文書内の別の文書のようなものであることを明確に伝えています。これらの要素内にあるコンテンツには、独自の概要、独自のタイトル、独自のフッターを含めることができます。原則 5: スムーズな劣化
ブラウザは、認識できない型の値を検出すると、その型の値をテキストとして解釈します
input type="number" input type="search" input type="range" input type="email" input type="date" input type="url"
原則 6: エンド ユーザーが優先
競合が発生した場合は、エンド ユーザーが優先され、次に作成者、次に実装者、その後に優先されます。基準によれば、フレーマーは最終的には理論上の完成です。 上記は HTML5 が従う必要がある 6 つの設計原則であり、皆さんの学習に役立つことを願っています。以上がhtml5 が守るべき 6 つの原則 (はじめに)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。