html5 が守るべき 6 つの原則 (はじめに)-H5 チュートリアル-php.cn

html5 が守るべき 6 つの原則 (はじめに)

青灯夜游

リリース： 2018-09-26 16:33:19

オリジナル

2728 人が閲覧しました

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 では、コンテンツモデルでは、要素にはブロックレベルの要素も含めることができます

<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 サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

html5 が守るべき 6 つの原則 (はじめに)