简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > H5 チュートリアル > 本文

HTML5 が従う必要がある 6 つの設計原則とは何ですか?

青灯夜游
リリース： 2018-09-10 17:46:17
オリジナル
1946 人が閲覧しました

この章では、HTML5 が従う必要がある 6 つのデザイン原則を紹介します。必要な方は参考にしていただければ幸いです。

原則 1: 不必要な複雑さを避ける

html4

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" " 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
ログイン後にコピー

html5

<!DOCTYPE html>
<meta charset="utf-8">
ログイン後にコピー

原則 2: 既存のコンテンツをサポートする

次の 4 つのコードは xhtml の最初の部分にすぎません

この段落は正しいです; そして HTML5 ではすべて正しいです

<img src="foo" alt="bar" />  
<p class="foo">Hello world</p>
ログイン後にコピー
<img src="foo" alt="bar">  
<p class="foo">Hello world
ログイン後にコピー
rree
<IMG SRC="foo" ALT="bar">  
<P CLASS="foo">Hello world</P>
ログイン後にコピー

原則 3: 現実の問題を解決する

HTML4 では、2 つのブロックレベルの要素が同じリンク アドレスを持っている場合でも、インライン要素であるため、それらは別々に記述する必要があります。ブロック レベルの要素を含めることはできません

<img src=foo alt=bar>  
<p class=foo>Hello world</p>
ログイン後にコピー
そして、HTML5 では、コンテンツ モデルの使用により、 要素にブロック レベルの要素も含めることができます
<h2><a href="/path/to/resource">Headline text</a></h2>
<p><a href="/path/to/resource">Paragraph text.</a></p>
ログイン後にコピー

原則 4: 誠実で実用的であること

html5 では、セクション、記事、サイド、ナビゲーションなど、新しいコンテンツ モデル、つまりコンテンツの分割を表す多数の新しい要素が追加されています。これまで人々は div を使用してページ上のコンテンツを整理してきましたが、他の同様の要素と同様に、div 自体にはセマンティクスがありません。しかし、section、article、side、nav は、実際には、このセクションが文書内の別の文書のようなものであることを明確に伝えています。これらの要素内にあるコンテンツには、独自の概要、独自のタイトル、独自のフッターを含めることができます。

原則 5: スムーズな劣化

ブラウザが認識できない型値に遭遇すると、その型の値をテキストとして解釈します

<a href="/path/to/resource">  
    <h2>Headline text</h2>  
    <p>Paragraph text.</p>  
</a>
ログイン後にコピー
原則 6: エンドユーザーが最初に


一度遭遇したら矛盾が生じると、エンドユーザーが最初に来て、次に作成者、次に実装者、次に標準設定者、そして最後に理論的な完成度が決まります。

🎜🎜🎜

以上がHTML5 が従う必要がある 6 つの設計原則とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html5
ソース：php.cn
前の記事：JavaScriptでキャンバスを使用してパズルゲームを実装する 次の記事：HTML5でrel属性のプリロード機能を使用するにはどうすればよいですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
タイトル: Jetstream Inertia の AUTH パッケージで Laravel 8 ログイン ページが見つかりません Laravel8のログインページをデザインしようとしていますが、ログインページのボタンにそれを見つけたので、真ん中に表示したいと考えています。 Laravel8を使用しています
から 2024-04-01 16:53:48
0
1
364
ウェブサイトをローカルにコピーすると、WordPress ホームページが複製コピーにリダイレクトされます 背景: nginx と wordpress を使用して、rpi4 で複数の Web サイトを実行しています。開発とテストのためにサイトの 1 つをローカル ネットワークにコピーした...
から 2024-03-31 15:26:18
0
2
280
列aに重複する値を持つ行をテーブルから削除します lead_id がテーブル内に複数回出現するかどうかを確認し、出現する場合はクエリから除外する方法はありますか?その理由は、status_id=1 で、その Lead_id に他の...
から 2024-03-31 10:42:26
0
1
268
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！