H5 の新しいセマンティック タグ機能の使用方法

今回は、H5の新しいセマンティックタグ機能の使い方と、H5の新しいセマンティックタグ機能を使用する際の注意点

について、実際の事例を交えながら見ていきましょう。

HTML5 の新機能

簡潔な DOCTYPE:

HTML5 には、単純なドキュメント タイプ が 1 つだけあります。これは、ブラウザが標準モードに従ってドキュメント タイプを解析することを意味します。

シンプルで覚えやすいエンコードタイプ

メタタグで「charset」を使用できるようになりました:

スクリプトとリンクにタイプは必要ありません

<link rel="stylesheet" href="path/to/stylesheet.css" />
<script src="path/to/script.js"></script>

よりセマンティックな新しい

タグ

例:

、

、

、

、

、

、

、< time>、、

、

など; datalist>、

、

canvas タグは 2D グラフィックを描画します。

<video width="640" height="320" preload="auto" poster="0.jpg" controls>
    <source src="movie.ogg" type="video/ogg" />
    <source src="movie.mp4" type="video/mp4" />
    Your browser does not support the video tag.
</video>

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

HTML5ページをiPhoneXに適応させる問題について

html テーブルが広すぎて親コンテナからはみ出す問題の解決策

HTMLのtitle属性を使用してマウスホバー時にテキストを表示する方法

HTMLのcellpadding属性とcellspacing属性を使用する方法

以上がH5 の新しいセマンティック タグ機能の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。