h5 の新機能と Web ページのレイアウト例-H5 チュートリアル-php.cn

h5 の新機能と Web ページのレイアウト例

零下一度

リリース： 2017-07-26 09:39:45

オリジナル

2231 人が閲覧しました

HTML5 とは: HTML5 は次世代の HTML であり、HTML、XHTML、HTML DOM の新しい標準になります。

HTML5 用に確立されたいくつかのルール:

新機能は HTML、CSS、DOM、JavaScript に基づく必要があります。

外部プラグイン (Flash など) の必要性の削減

エラー処理の改善

スクリプトを置き換えるマークアップの追加

HTML5 はデバイスに依存しないようにする

開発プロセスは公開する必要がある

HTML5 のいくつかの興味深い新機能機能:

描画用のキャンバス要素

メディア再生用のビデオおよびオーディオ要素

ローカルオフラインストレージのサポートの強化

記事、フッター、ヘッダー、ナビゲーション、セクションなどの新しい特別なコンテンツ要素

カレンダーなどの新しいフォームコントロール、日付、時刻、電子メール、URL、検索

HTML5 関数:

キャンバス、チャネルメッセージング、クロスドキュメントメッセージング、地理位置情報、MathML、マイクロデータ、サーバー送信イベント、スケーラブルベクターグラフィックス (SVG)、WebSocket API およびプロトコル、 Web Origin コンセプト、Web ストレージ、Web SQL データベース、Web ワーカー、XMLHttpRequest Level2

HTML 設計哲学:

1. 不必要な複雑さを避ける

例:

2. 既存のコンテンツをサポート

3. 現実の問題を解決する

4. 真実と現実主義を追求する

5. スムーズな劣化

6 .エンドユーザーファースト

シンプルなWebレイアウト

<!DOCTYPE html><html><head>
<meta charset="utf-8" />
<title></title><style type="text/css">header,nav,article,footer{border: solid 1px #666;padding: 10px;margin: 6px;}
header
{width: 500px;}nav{float: left;width: 60px;height: 100px;}
article{float: left;width: 406px;height: 100px;}
footer{clear: both;width: 500px;}</style></head><body><header>导航</header>
<nav>菜单</nav>
<article>内容</article><footer>
底部说明</footer></body>
</html>

ログイン後にコピー