0

metaタグの末尾にスラッシュ(/)が記載されていますが、何か特別な意味はありますか?
省略しても良い?

Twitter metaタグより引用:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:description" content="View the album on Flickr." />
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />
8
  • 2
    「閉じタグ」とは何でしょうか? リンク先には特に見当たりませんでした。
    – sayuri
    Commented 2020年1月28日 3:54
  • <...> ~ </...> ではなく、<... /> の記法を指している気がします。
    – cubick
    Commented 2020年1月28日 4:08
  • かもしれませんが、正確に何を指しての質問なのかは質問者さんにしかわからないですね。
    – sayuri
    Commented 2020年1月28日 4:09
  • XHTML仕様の影響が残っているのでは? HTML・XHTML・HTML5におけるMETAタグの書き分け, Empty Elements Must Also Be Closed - HTML and XHTML
    – kunif
    Commented 2020年1月28日 4:26
  • 1
    でしたら質問のタイトルを"metaタグ末尾の/になにか特別な意味はありますか?"みたいな感じに変更すると良いと思います。 Commented 2020年1月29日 4:51

2 件の回答 2

5

<名前 属性... > は「開始タグ」、</名前> は「終了タグ」といいます。「閉じタグ」という用語は SGML/XML/HTML の分野にはありません。

<名前 属性... /> は「空要素タグ」です。XMLでは、要素は開始タグと終了タグの組もしくは空要素タグでなければなりません。HTMLのように開始タグだけの記述はできません。

件のTwitterのページようにHTMLのコード片を紹介するとき、metaのようなvoid要素は空要素タグで記述しておくと、それをHTMLのページにコピーしてもXHTMLのページにコピーしても問題なく動くのです。

3
  • HTML5対応だけで良い場合は、「空要素タグ」を「開始タグ」へ変更しても良いですか?
    – re9
    Commented 2020年1月28日 23:45
  • 1
    ブラウザがパーズするのなら変更しても良いですが、Twitterの場合はどうパーズするのか不明なので確かなことはTwitterしか知りません。
    – int32_t
    Commented 2020年1月29日 0:48
  • 確かにそうですね。参考になりました
    – re9
    Commented 2020年1月30日 1:46
4

HTML Standard の 12 章 1 節 2 項 1 目によれば、 void 要素、 SVG 名前空間や MathML 名前空間に由来する要素は開始タグに斜線 (U+002F) が存在しても良いとしています[1]

§ 12.1.2.1 Start tags[1]

Start tags must have the following format:

  1. Then, if the element is one of the void elements, or if the element is a foreign element, then there may be a single U+002F SOLIDUS character (/). This character has no effect on void elements, but on foreign elements it marks the start tag as self-closing.

この文字は void 要素に対しては影響を及ぼしませんが、 SVG, MathML 名前空間に由来する外来要素では自己終了し、内容が空かつ終了タグが存在しないことを示します[2]。今回の場合、 meta 要素は void 要素であるため、開始タグの斜線は存在するかに関わらず、変化をもたらしません

§ 12.1.2 Elements[2]

There are six different kinds of elements: void elements, the template element, raw text elements, escapable raw text elements, foreign elements, and normal elements.

  • Void elements
    area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr

  • Foreign elements
    Elements from the MathML namespace and the SVG namespace.


蛇足ですが、 void 要素に対する斜線は歴史的経緯によって残っています。過去の仕様には、上記に引用した文章の後ろに以下のような文章が添えられていました[3]

Then, if the element is one of the void elements, then there may be a single U+002F SOLIDUS character. This character has no effect except to appease the markup gods. As this character is therefore just a symbol of faith, atheists should omit it.

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。