ホームページ ウェブフロントエンド フロントエンドQ&A html5の新しい仕様とは何ですか?

html5の新しい仕様とは何ですか?

Jan 11, 2022 pm 01:47 PM
html5

html5 の新しい仕様は次のとおりです: 1. タブ文字を 2 つのスペースで置き換える; 2. ネストされた要素は 1 回インデントする必要がある; 3. 各 HTML ページの最初の行に doctype ステートメントを追加する; 4. HTML ルート要素の lang 属性; 5. すべてのドキュメントのエンコーディングが一貫していることを確認するために、HTML ページの文字エンコーディングを指定します。

html5の新しい仕様とは何ですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 の新しい仕様

(1) 構文

代わりに 2 つのスペースを使用します。タブ - これは、すべての環境で一貫したプレゼンテーションを保証する唯一の方法です。

ネストされた要素は 1 回インデントする必要があります (スペース 2 つ)

属性定義には必ず二重引用符を使用し、一重引用符は決して使用しないでください。

自己終了要素および (自己終了) 要素の最後にスラッシュを追加しないでください。 --HTML5 仕様では、これはオプションであると明確に述べられています。

オプションの終了タグを省略しないでください (例: または )

HTML5 doctype: 標準モード (標準モード) を追加して、一貫したプレゼンテーションを保証します。各ブラウザ。

<! DOCTYPE html>
ログイン後にコピー

(2) 言語属性

HTML5 仕様によれば、html ルート要素に lang 属性を指定して、正しい言語を設定することが強く推奨されています。音声合成ツールは使用すべき発音を決定し、翻訳ツールは翻訳者が従うべきルールを決定するのに役立ちます。

(3) 文字エンコーディング

文字エンコーディングを宣言することで、ブラウザがページ コンテンツのレンダリング方法を迅速かつ簡単に決定できるようになります。回避 文字エンティティ タグは、ドキュメントのエンコーディング (通常は UTF-8 エンコーディング) とすべて一致するように使用します。

(4) CSS および JavaScript ファイルの導入

CSS の導入および JavaScript ファイルでは type 属性を指定する必要はなく、text/css と text/javascript がそれぞれデフォルト値になります。

(5) 属性の順序

コードを読みやすくするために、HTML 属性は以下の順序で配置する必要があります。

clss> ;id,name>data-''>src,for,type,href,value>title,alt,role.

(6) ブール型属性

ブール属性は、値を割り当てずに宣言できます。 XHTML 仕様では値を割り当てる必要がありますが、HTML5 仕様では必要ありません。

関連する推奨事項:「html ビデオ チュートリアル

以上がhtml5の新しい仕様とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホット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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

See all articles