検索
ホームページウェブフロントエンドH5 チュートリアルHTML5 にはどのような新しいタグと属性が追加されますか?追加された新しいタグと属性 (概要)

この章では、HTML5 に追加される新しいタグと属性について説明します。新しいタグと属性が追加されました (概要) は、HTML5 で新たに追加された属性とタグを誰でも知ることができます。困っている友人は参考にしていただければ幸いです。

IE9以下以外では基本的に利用できるHTML5の新機能をまとめました。

HTML5 構文

ほとんど html の構文を引き継ぎます

違い: 先頭の

<!DOCTYPE html>
<html>
<meta charset="utf-8">

文字エンコーディングが簡潔になります。 -insensitive、追加されたブール値。checked、selected と同様です。

引用符は省略できますが、コーディング標準に従って、

の使用は推奨されません。終了文字を省略できるタグがあります。 、およびラベルの適用を完全に省略しました。

HTML5 で新しく追加されたタグ:

1. 構造タグ

(1) セクション: 文書構造を表すために h1 ~ h6 で構成される独立したコンテンツ ブロック。また、章、ヘッダー、フッター、またはヘッダーの他の部分を含めることもできます。 (2) 記事: 特別な独立したブロック。このページのヘッダーの中核となる内容を示します。

(3) タグ内容以外のタグ内容に関する補助情報

(4) ヘッダー: 特定のブロック ヘッダー。情報/タイトル;

(5) hgroup: ヘッダー情報/タイトルの補足内容

(6) フッター: 下部の情報;ナビゲーション バーの情報;

(8) 図: 写真やコンテンツを含むニュース ブロックなどの独立したユニット。

2. フォームラベル

(1) email: 電子メールを入力する必要があります; (2) URL: URL アドレスを入力する必要があります。

## (3) 数値: 値を入力する必要があります。

(4) 範囲: 特定の範囲内の値を入力する必要があります。

(5) 日付ピッカー: 日付。ピッカー;

date: 日、月、年を選択します。

  • month: 月と年を選択します。

  • week: 週と年を選択します。

  • time: 時間 (時と分) を選択します。

  • datetime: 時間、日を選択します。 、月、年 (UTC 時間)

  • datetime-local: 時間、日、月、年 (現地時間) を選択します

  • (6 ) search: 通常のテキストフィールドを検索します。

    (7) color: カラー。

3. メディアタグ

(1) ビデオ: ビデオ;

(2) オーディオ: オーディオ; ) embed: 埋め込みコンテンツ (各種メディアを含む)、Midi、Wav、AU、MP3、Flash、AIFF など。

4. その他の機能タグ

(1) マーク: マーク、ハイライト (メモを取るための蛍光ペンのような);

(2) 進行状況: プログレス バー; ;

(3) 時間: 検索エンジンによって使用されるデータ ラベル。 datetime="2014-12-25T09:00">9:00更新日時

(4) ルビと rt: 特定の単語に対するコメント;コメント内容ブラウザが対応していない場合の表示方法 ;;

(5) wbr: ソフト改行、ページ幅が必要な改行に達したときに改行;

(6) Canvas: 画像描画用のコンテンツを作成するために JS コードを使用します。

(7) コマンド: ボタン;

(8) 詳細: メニューを展開します。

## (9) dateilst: テキスト フィールドのドロップダウン プロンプト。 # (10) keygen: 暗号化。

新しい属性:

js の属性を追加しました。

<script defer src=".....js" onload="alert(&#39;a&#39;)"></script>
<script async src=".....js" onload="alert(&#39;b&#39;)"></script>

上記の 2 つの属性がない場合、実行順序は、最初に最初の src をロード (ダウンロード) し、次にその onload を実行し、次に h5 よりも前に defer 属性を下方向に同期的に実行します。遅延読み込み (遅延実行) を入力すると、まず src にファイルのコンテンツが読み込まれ (ダウンロード)、次にページが完全に読み込まれるまで待機してから、onload で js.async 属性を読み込みます。これは非同期読み込みです。ロード後に src をロードし、すぐに onload を実行し、上記の実行シーケンスでページのロードを続けます。アラート表示には、最初に b が表示され、次に a が表示されます。 小さなアイコンのスタイル コードを Web ページのラベルに追加します

<link rel="icon" href="url..." type="图片名称" sizes="16*16">

順序付きリスト ol: 開始 (リストの開始値) を追加、反転 (追加するかどうか) reverse) menu メニュー タイプ属性 (3 つのメニュー タイプ) 埋め込み CSS スタイル: タグ内にスタイル ブロック (スコープ付き) を定義します。これはスタイル タグ内でのみ有効です: iframe 要素、シームレスなボーダーレスが追加されます。 iframe の。

以上がHTML5 にはどのような新しいタグと属性が追加されますか?追加された新しいタグと属性 (概要)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
H5コードの例:実用的なアプリケーションとチュートリアルH5コードの例:実用的なアプリケーションとチュートリアルApr 25, 2025 am 12:10 AM

H5は、さまざまな新機能と機能を提供し、フロントエンド開発の機能を大幅に向上させます。 1.マルチメディアサポート:メディアを埋め込んで要素を埋め込み、プラグインは必要ありません。 2。キャンバス:要素を使用して、2Dグラフィックとアニメーションを動的にレンダリングします。 3。ローカルストレージ:ユーザーエクスペリエンスを改善するために、ローカルストレージとセッションストレージを介して永続的なデータストレージを実装します。

H5とHTML5の接続:類似性と相違点H5とHTML5の接続:類似性と相違点Apr 24, 2025 am 12:01 AM

H5とHTML5は異なる概念です。HTML5は、新しい要素とAPIを含むHTMLのバージョンです。 H5は、HTML5に基づくモバイルアプリケーション開発フレームワークです。 HTML5はブラウザを介してコードを解析およびレンダリングしますが、H5アプリケーションはコンテナを実行し、JavaScriptを介してネイティブコードと対話する必要があります。

H5コードの構成要素:キー要素とその目的H5コードの構成要素:キー要素とその目的Apr 23, 2025 am 12:09 AM

HTML5の重要な要素には、最新のWebページの構築に使用される、、,,,,などが含まれます。 1.ヘッドコンテンツを定義します。2。リンクをナビゲートするために使用されます。3。独立した記事のコンテンツを表します。4。ページコンテンツを整理します。5。サイドバーコンテンツを表示します。

HTML5およびH5:一般的な使用法の理解HTML5およびH5:一般的な使用法の理解Apr 22, 2025 am 12:01 AM

HTML5とHTML5の略語であるHTML5とH5の間に違いはありません。 1.HTML5はHTMLの5番目のバージョンであり、Webページのマルチメディア関数とインタラクティブ機能を強化します。 2.H5は、HTML5ベースのモバイルWebページまたはアプリケーションを参照するためによく使用され、さまざまなモバイルデバイスに適しています。

HTML5:現代のウェブのビルディングブロック(H5)HTML5:現代のウェブのビルディングブロック(H5)Apr 21, 2025 am 12:05 AM

HTML5は、W3Cによって標準化されたHyperText Markup言語の最新バージョンです。 HTML5は、新しいセマンティックタグ、マルチメディアサポート、フォームの強化、Web構造の改善、ユーザーエクスペリエンス、SEO効果を導入します。 HTML5は、Webページ構造をより明確にし、SEO効果をより良くするために、、、、、、などの新しいセマンティックタグを導入します。 HTML5はマルチメディア要素をサポートしており、サードパーティのプラグインは不要で、ユーザーエクスペリエンスと読み込み速度が向上します。 HTML5はフォーム関数を強化し、ユーザーエクスペリエンスを向上させ、フォーム検証効率を向上させるなどの新しい入力タイプを導入します。

H5コード:クリーンで効率的なHTML5の書き込みH5コード:クリーンで効率的なHTML5の書き込みApr 20, 2025 am 12:06 AM

クリーンで効率的なHTML5コードを書き込む方法は?答えは、タグのセマンティック、構造化されたコード、パフォーマンスの最適化、一般的な間違いを回避することにより、一般的な間違いを避けることです。 1.コードの読みやすさとSEO効果を改善するには、セマンティックタグなどを使用します。 2。適切なインデントとコメントを使用して、コードを構造化して読みやすいままにします。 3.不必要なタグを減らし、CDNを使用してコードを圧縮することにより、パフォーマンスを最適化します。 4.タグが閉じていないなどの一般的な間違いを避け、コードの有効性を確認してください。

H5:ウェブ上のユーザーエクスペリエンスをどのように強化するかH5:ウェブ上のユーザーエクスペリエンスをどのように強化するかApr 19, 2025 am 12:08 AM

H5は、マルチメディアサポート、オフラインストレージ、パフォーマンスの最適化により、Webユーザーエクスペリエンスを向上させます。 1)マルチメディアサポート:H5と要素は、開発を簡素化し、ユーザーエクスペリエンスを向上させます。 2)オフラインストレージ:WebStorageとIndexEdDBは、エクスペリエンスを改善するためにオフラインで使用できるようにします。 3)パフォーマンスの最適化:ウェブワーカーと要素は、パフォーマンスを最適化して帯域幅の消費を削減します。

H5コードの分解:タグ、要素、属性H5コードの分解:タグ、要素、属性Apr 18, 2025 am 12:06 AM

HTML5コードは、タグ、要素、属性で構成されています。1。タグはコンテンツタイプを定義し、などの角度ブラケットに囲まれています。 2。要素は、startタグ、内容、および内容などのエンドタグで構成されています。 3。属性は、開始タグのキー値のペアを定義し、ような関数を強化します。これらは、Web構造を構築するための基本ユニットです。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、