HTML5標準学習～文書構造を詳しく解説-H5 チュートリアル-php.cn

HTML5標準学習～文書構造を詳しく解説

黄舟

リリース： 2017-03-27 15:34:49

オリジナル

1619 人が閲覧しました

HTML の構造について言えば、多くの人はそれを明確に説明できます。一般的に、その答えは次のようになります。

DOCTYPE、つまり head 要素と body 要素が含まれる html。

もちろんこれが間違っているとは言えませんが、HTMLソースファイルに最低限何を含める必要があるかと問われれば、正確に答えられる人は少ないのではないかと思います。

最初にこの質問に答えましょう。最も単純な HTML5 ソースコードファイルに必要な内容は次のとおりです。

&lt;!DOCTYPE html&gt;

ログイン後にコピー

はい、それだけです。ただし、場合によっては 1 文字がそれ以上であることも、1 文字がそれ以下であることもありません。その他の内容は変更できません。

それでは、最も単純なソースコードファイルに doctype 宣言が必要となるルールは何でしょうか?標準によれば、HTML ドキュメントは次のコンテンツ (厳密に順序どおり) で構成されます:

BOM タグ。この BOM タグは U+FEFF である必要があります。
0-n スペースまたはコメント。
DOCTYPE ステートメント。
0-n スペースまたはコメント。
HTML要素。
0-n スペースまたはコメント。

HTML4 とはいくつかの違いがあります。HTML4 の最も単純なソースコードファイルは次のとおりです:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      "http://www.w3.org/TR/html4/loose.dtd">
<title>这里是标题</title>

ログイン後にコピー

2 つの違いは明らかです:

HTML5 は DOCTYPE をより単純な <! に変更します。 DOCTYPE html>、これはすでによく知られています。 <!DOCTYPE html>，这个已经众所周知了。
在HTML4中多了一个<title>标签。

这里的重点就是<title>标签了，关于这个标签，在HTML4.01标准中是这么说的：

Every HTML document must have a TITLE element in the HEAD section.

也即是说，HTML4要求<title>标签是必须存在的。

而在HTML5的标准中，又是这么说的：

There must be no more than one title element per document.

HTML5中只设定了<title>标签数量的上限，却没有指明下限，也就是说，没有<title>的文档已经被视为一个合法的文档了。

对于DOCTYPE，HTML4中设定了6种DOCTYPE，HTML5中将DOCTYPE分为3种，这个在以后的章节中再具体说明。

再回过来看一下文档组成，除去这样并没有多大意义的元素之外，组成的列表中还说明有一个HTML元素，但是最简的源码中却没有这东西。这是因为在HTML的规范中，一直存在“隐式标签”这样的概念，关于隐式标签，大致可以这么解释：

一部分元素，当满足特定的前提条件时，其开始标签或结束标签可以在源码中省略。在这种情况下，被省略的标签称为“隐式标签”。

需要注意的是，此处的省略指的是在源码中省略，而在最终成型的DOM树中，这个标签是存在的，因此才称为隐式标签。因此上面最简的源码结构，在生成DOM树后，其真正的结构是这样的：

&lt;!DOCTYPE html&gt;
<html>

ログイン後にコピー

最后，再总结一下XHTML中的一些规范：

因为是XML，所以为了表示这是一个HTML文档，必须有一个命名空间，其值为www.w3.org/1999/xhtml。
因为是XML，所以MIME type不能是text/html了，text/xml、application/xml、application/xml+html都是比较好的选择。
因为是XML，必须有根元素，根元素为<html>，即<html>
HTML4 には追加の <title> タグがあります。
ここで重要な点は <title> タグについて、HTML4.01 標準では次のように規定されています。

つまり、HTML4 では、<title> タグが存在する必要があります。

そして HTML5 標準では、次のように規定されています:

🎜🎜 ドキュメントごとに複数のタイトル要素が存在してはなりません。🎜🎜🎜 HTML5 では、<title> のみが設定されます。タグの数は指定されていません。つまり、<title> のない文書は合法的な文書とみなされます。 🎜🎜DOCTYPEについては、HTML4では6種類のDOCTYPEが設定されていますが、HTML5ではDOCTYPEが3種類に分かれています。これについては後章で詳しく説明します。 🎜🎜 ドキュメントの構成に戻って見てみましょう。あまり意味のない要素以外にも、構成されたリストには HTML 要素があることが示されていますが、最も単純なソースコードにはそのような要素はありません。これは、HTML 仕様には常に「暗黙的タグ」という概念が存在するためです。暗黙的タグについては、次のように大まかに説明できます。 🎜🎜🎜一部の要素は、特定の前提条件が満たされると、その開始タグまたは終了タグになります。ソースコードでは省略可能。この場合、省略されたタグを「暗黙タグ」と呼びます。 🎜🎜🎜ここでの省略はソースコード内での省略を指しますが、最終的なDOMツリーではこのタグが存在するため隠し式と呼ばれることに注意してください。鬼ごっこ。したがって、上記の最も単純なソースコード構造は、DOM ツリーを生成した後、実際の構造は次のようになります: 🎜rrreee🎜最後に、XHTML の仕様の一部を要約しましょう: 🎜🎜🎜🎜これは XML🎜 なので、これが HTML ドキュメントであることを示すためには、名前空間 🎜、その値は www.w3.org/1999/xhtml です。 🎜🎜🎜🎜XML であるため、MIME タイプを text/html、text/xml、application/xml、 にすることはできません。 application/xml+html は両方ともより良い選択肢です。 🎜🎜🎜🎜XML であるため、ルート要素が必要です。ルート要素は <html>、つまり、

<html> の開始タグと終了タグです。 code>は省略できません。 🎜🎜🎜🎜XML であるため、すべての要素に開始タグがある限り、終了タグや自己終了タグを持つことはできません。 🎜🎜🎜🎜XML であるため、すべての要素は大文字と小文字を厳密に準拠する必要があり、要素名は小文字である必要があります。 🎜🎜🎜🎜XMLなので文書がより厳密になり、XMLなので読みやすさや標準化もかなり進みました。しかし、最終的には、HTML の許容性と XML の標準化の間で最適なバランスを常に見つける必要があります。盲目的に極端さを追求するのは常に間違いです。 🎜🎜🎜🎜

以上がHTML5標準学習～文書構造を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。