1、HTML(5)タブ

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

おすすめ

転載: www.cnblogs.com/chd1994/p/12155587.html