ホームページ  >  記事  >  ウェブフロントエンド  >  H5 の新しいセマンティック タグ機能の使用方法

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

php中世界最好的语言
php中世界最好的语言オリジナル
2018-01-29 10:04:112389ブラウズ

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

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

HTML5 の新機能

簡潔な DOCTYPE:

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

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

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

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

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

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

タグ

例: 23c3de37f2f9ebcb477c4a90aac6fffd、2f8332c8dcfd5c7dec030a070bf652c3、15221ee8cba27fc1d7a26c47a001eb9b、d8eccd9ed644b68a6460a2bb84548c82、1aa9e5d373740b65a0cc8f0a02150c53、c37f8231a37e88427e62669260f0074d、c787b9a589a3ece771e842a6176cf8e9、701425f2dac6a379291315d27192845a、f920514e6447cf1d171079d1371f007f、24203f2f45e6606542ba09fd2181843a、614eb9dc63b3fb809437a716aa228d24 など; datalist>、be6d67dae90cc1ad6469079e163d0939、49c6123c49c6be380cb91db06cd3bfa96ecb87e5318a36c03c59e25d55f43372

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。