A、HTML文書は、構成します
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
</head>
<body>
<---元素标签--->
</body>
</html>
<!DOCTYPE>
-ドキュメントタイプを宣言します。
一般的に使用されている:サポートをレンダリングするHTML、HTML5方法; HTML 4.01のように。
HTMLブラウザは、標準モードでレンダリングを許可するように設定されています。そうでない場合は、ページのレンダリングの混乱が生じ、その奇妙なモードレンダリングとデフォルトのブラウザ、。
<html></html>
-ルート要素。これは、ページ全体の内容が含まれています。
<head></head>
-検索エンジン、ページ記述、CSSスタイルシート、および文字エンコーディングの文の検索キーワード(キーワード)などが含まれています。
body></body>
-要素のラベル、ページが表示されるが含まれています。
二、ラベルの頭
<title>
- 必須。ドキュメントのタイトルを定義します<base>
-通常の状況下では、ブラウザが相対URLアドレスとして文書を提示します。使用ベースラベルの基礎のベースURL内の相対アドレスようにします。
プロパティ:
HREF:現在の文書共有の相対アドレス。
対象:すべてのリンクページは、このプロパティにデフォルトで開かれています。<link>
-外部スタイルリソース、非同期のダウンロードへのリンク。
属性:
HREF:リンクされたドキュメントのアドレス。
美的:規定はリンクされたドキュメントは、任意のデバイス上に表示されます。
REL:現在のドキュメントとリンクされたドキュメントの規定との関係。スタイルシートがリンクされたドキュメントは、スタイルシートで表しています。DNSプリフェッチは、DNSを事前解決することができます。
タイプ:リンクされたドキュメントの種類を指定します。<meta>
-メタ情報。
プロパティ:
文字セット:文書で使用されている現在の文字エンコーディングを指定します。
名前::アプリケーション名;著者;説明;発電機;キーワード。コンテンツに関連します。
内容:関連付けられた名前。
HTTP-当量:似た名前に関連するコンテンツへのHTTP頭。
例:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
キーワードは、検索エンジンのサイトを定義します。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
モバイルウェブ用に最適化。<script>
-スクリプトをダウンロードしてください。
プロパティ:
非同期:今、非同期ダウンロード。
延期:ページが読み込まれるまで延期しました。
三、ラベル内のbody要素
財団
<h1>-<h6>
- タイトルp
- 段落(ネストしないブロック要素)<br>
- ラップ<hr>
- 水平
フォーマット
<abbr>
- 定義略語<address>
- 文書の著者情報<b>
- 太字<bdo>
——文字方向<big>
- 大きなフォント<cite>
- 参考文献<code>
- コンピュータコード<em>
- テキストを強調<small>
- 小フォント<strong>
- トーンを強調<sup>
- 上付き<sub>
- 添字
フォーム
<form>
- フォーム<input>
- 入力<textarea>
- テキスト入力<button>
- ボタン<select>
- ドロップダウンリスト<optgroup>
- [オプション]領域<option>
- オプション<label>
要素のラベル--input
リスト
<ul>
- 順不同リスト<ol>
- 順序付きリスト<li>
- リスト項目<dl>
- リストエリア<dt>
- リストのタイトル<dd>
- リストの説明
テーブル
<table>
- フォーム<caption>
- フォームのタイトル<th>
- 服<tr>
- ライン<td>
- コラム<thead>
- ヘッダーの内容<tbody>
- 主なコンテンツ<tfoot>
——脚注
第四に、最新のHTML標準--HTML5
4.1の新機能
(1)新しいセマンティック要素
<header>
- ヘッド<footer>
- ボトム<nav>
- ナビゲーションバー<aside>
- サイドバー<section>
- フェスティバル<article>
- 独立したコンテンツが含まれています<figure>
- 写真ディストリクト<figcaption>
- 画像の説明<time>
- 日付/時刻<summary>
目に見えるタイトル--details要素<detail>
- 隠された詳細...
(2)新たなフォーム・コントロール
<datalist>
- 事前定義されたオプションの入力を制御します<output>
- 結果(3)強力な画像支持体
<canvas>
- キャンバススカラ図。適したチャート、ゲーム。これは、イベント処理をサポートしていません。<svg>
- ベクトル。適したマップ。イベント処理をサポートしています。(4)マルチメディアサポート
<video>
、<audio>
(5)ローカルストア
sessionStorage、のlocalStorage