HTMLバージョン宣言DOCTYPEタグ
|
通常のウェブサイトのソースコードを開くと、ソースコードは<!DOCTYPE htmlで始まる必要があり、中には<!DOCTYPE>の直後に>があるものもあれば、次のような非常に長いテキストがあるものもあることがわかります。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> もちろん、E-Dimensional Technology のソース コードなど、より主流の Web ページのソース コードはすべて HTML5 形式を使用し、<!DOCTYPE html> で直接始まります。 <!DOCTYPE html> は HTML タグではなく、ページを書き込むためにどのバージョンのマークアップを使用するかをブラウザに指示するだけのブラウザ指示なので、ペアで表示する必要はありません。 <!DOCTYPE html> はどのバージョンでも大文字と小文字は区別されませんが、「<!DOCTYPE html>」と記述するのが慣例です。もちろん、W3C 標準に準拠するために、「<!doctype html>」と記述することもできます。
DOCTYPE は英語で文書型を意味し、HTML のバージョン型宣言です。 HTML は当初は標準規格がなく、その後、より普及した HTML4 を経て、HTML5 の時代に入りました。各時代の標準規格は異なっていました。たとえば、以前のバージョンの HTML では、<br> 改行は実装できませんでした。これは、HTML タグはペアで出現する必要があるため、<br/> で表す必要があるためです。しかし、HTML4 の後期ではこの概念は非常に曖昧になり、"/" で終わっても終わっていなくても同じになりました。ただし、HTML 5 では「/」を使用する必要はなく、<br> のみを使用すればよいと規定されています。 このような紛らわしい解釈方法では、現在の Web ページの HTML エンコーディングで使用されるバージョン仕様をブラウザに伝える必要があります。 ブラウザがどのようなドキュメント タイプを期待するかを認識できるように、すべての HTML ドキュメントで DOCTYPE を指定することが非常に重要です。 HTML 4.01 は SGML に基づいているため、HTML 4.01 の DOCTYPE には DTD への参照が必要です。 HTML 5 は SGML に基づいていないため、DTD を参照する必要はありませんが、ブラウザーの動作を規制するために doctype が必要です (ブラウザーが適切に動作できるようにするため)。 HTML バージョンステートメントHTML 5 にはドキュメント タイプはありませんが、フレームの使用は避けるのが最善です。XHTML 1.0 では、Strict、Transitional、および Frameset の 3 つの XML ドキュメント タイプが指定されています。HTML 4.01 では、Strict、Transitional、および Frameset の 3 つのドキュメント タイプが指定されています。 HTML 5 仕様ステートメント表現は非常に簡潔で、属性は1つだけです。ルート要素はhtmlです。 <!DOCTYPE html> XHTML 1.0 厳密な DTDプレゼンテーション層の乱雑さを排除した、クリーンなマークアップが必要な場合は、このタイプを使用します。カスケードスタイルシート (CSS) と一緒に使用してください: <!DOCTYPE html パブリック "-//W3C//DTD XHTML 1.0 厳密//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 上記の宣言では、ドキュメントのルート要素は html であり、これはパブリック識別子が「-//W3C//DTD XHTML 1.0 Strict//EN」として定義されている DTD で定義されていると述べられています。ブラウザは、この公開識別子に一致する DTD を見つける方法を知っています。見つからない場合、ブラウザはパブリック識別子に続く URL を DTD を検索する場所として使用します。 XHTML 1.0 移行 DTD移行 DTD には、W3C がスタイルシートに移動されることを想定しているプレゼンテーション属性と要素を含めることができます。読者がカスケーディング スタイル シート (CSS) をサポートしていないブラウザーを使用しており、XHTML のレンダリング機能を使用する必要がある場合は、このスタイルを使用します。 <!DOCTYPE html パブリック "-//W3C//DTD XHTML 1.0 移行//EN" 「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」を参照してください。 XHTML 1.0 フレームセット DTD フレームセットフレームを使用する場合は、この DTD を使用してください。 <!DOCTYPE html パブリック "-//W3C//DTD XHTML 1.0 フレームセット//EN" 「http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd」 HTML4.1 移行 DTD移行 DTD には、W3C がスタイルシートに移動されることを想定しているプレゼンテーション属性と要素を含めることができます。読者がカスケーディング スタイル シート (CSS) をサポートしていないブラウザーを使用しており、HTML のレンダリング機能を使用する必要がある場合は、このタイプを使用します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> HTML4.1 厳密な DTDプレゼンテーション層の乱雑さを排除した、クリーンなマークアップが必要な場合は、このタイプを使用します。カスケードスタイルシート (CSS) と一緒に使用してください: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 フレームセット DTD フレームドキュメントフレームを含むドキュメントには、フレームセット DTD を使用する必要があります。 Frameset DTD は、frameset 要素が body 要素に置き換わる点を除いて、Transitional DTD と同じです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 フレームセット//EN" " http://www.w3.org/TR/html4/frameset.dtd"> |
<<: CentOS 7.9 の zabbix5.0.14 のインストールと設定プロセス
>>: MySQL における一般的な高度な SQL ステートメント
推薦する
MySQLパスワード変更例の詳細な説明
MySQLパスワード変更例の詳細な説明長い間 MySQL を使用していませんでした。今日、MySQL...
MySQL タイムスタンプ比較クエリで遭遇する落とし穴と解決策
目次タイムスタンプ比較クエリで遭遇する落とし穴タイムスタンプクエリ範囲の問題タイムスタンプ比較クエリ...
VMware WorkStation を Docker for Windows で使用するための詳細なチュートリアル
目次1. はじめに2. Windows用Dockerをインストールする1. Windows用Dock...
HTML テーブルの境界線を設定する際のヒント
HTML を初めて使用する多くの人にとって、テーブル <table> は最もよく使用され...
Linux の vsftpd サービス構成の簡単な分析 (匿名、ユーザー、仮想ユーザー)
vsftpd の概要vsftpd は「very secure FTP daemon」の略称で、セキ...
組み込みオブジェクトに関するJavascriptの基礎
目次1. 組み込みオブジェクトの紹介1.1 数学オブジェクト1.2 数学における方法1.3 日付オブ...
Presto をインストールし、Docker で Hive を接続する詳細なプロセス
1. はじめにPresto は、ギガバイトからペタバイトに及ぶデータ ソースに対してインタラクティブ...
アニメーション効果のようなVueトランジションの例
目次結果を一目で見るハート効果デジタルスクロールアニメーションアニメーションのように結果を一目で見る...
HTML テーブルタグチュートリアル (32): セルの水平方向の配置属性 ALIGN
水平方向では、セルの配置を左、中央、右に設定できます。基本的な構文<TD ALIGN=&quo...
docker で Apollo をデプロイする詳細なチュートリアル
1. はじめにここでは apollo について詳しく説明しません。公式サイト https://git...
iframe子ページは親ページを操作し、ページポップアップレイヤーをシールドする効果を実装します。
質問: index.html で、iframe が son.html を導入します。son.html...
タグが新しいページを開くかどうかという問題。主要ウェブサイトの開設状況をまとめました
a タグが新しいページを開くかどうか: （1）百度百科事典：ヘッダーが異なる場合は新しいページが開き...
Vue+express+Socketでチャット機能を実現
この記事では、チャット機能を実現するためのVue+express+Socketの具体的なコードを参考...
MySQLクエリキャッシュの簡単な使い方の詳細な説明
目次1. クエリキャッシュの実装プロセス2. クエリキャッシュを構成する3. クエリキャッシュを有効...
JavaScript を使用してセカンダリ メニューを作成する
この記事では、セカンダリメニュー効果を実現するためのJavaScriptの具体的なコードを参考までに...