ホームページ > 記事 > ウェブフロントエンド > h5 の新機能と Web ページのレイアウト例
h5 の新機能と Web ページのレイアウト例
- 零下一度オリジナル
- 2017-07-26 09:39:452189ブラウズ
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>
以上がh5 の新機能と Web ページのレイアウト例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。