1. 4.8.15 MathML
      2. 4.8.16 SVG
      3. 4.8.17 次元属性

4.8.15 MathML

HTML/HTML5/HTML5_Parser#Inline_SVG_and_MathML_support

Support in all current engines.

Firefox4+Safari5.1+Chrome7+
Opera11.6+Edge79+
Edge (Legacy)12+Internet Explorer9+
Firefox Android5+Safari iOS5+Chrome Android18+WebView Android3+Samsung Internet1.0+Opera Android12+

MathML math要素は、この仕様におけるコンテンツモデルに対してエンベディッドコンテンツフレージングコンテンツフローコンテンツ、およびパルパブルコンテンツのカテゴリーに分類される。

MathML annotation-xml要素がHTML名前空間由来の要素を含む場合、そのような要素は、すべてフローコンテンツでなければならない。

MathMLのトークン要素(mimomnms、およびmtext)がHTML要素の子孫である場合、要素はHTML名前空間由来のフレージングコンテンツ要素を含んでもよい。

User agents must handle text other than inter-element whitespace found in MathML elements whose content models do not allow straight text by pretending for the purposes of MathML content models, layout, and rendering that the text is actually wrapped in a MathML mtext element. (しかし、そのようなテキストは適合しない。)

User agents must act as if any MathML element whose contents does not match the element's content model was replaced, for the purposes of MathML layout and rendering, by a MathML merror element containing some appropriate error message.

MathMLの要素のセマンティックスは、MathMLおよびその他の適用可能な仕様で定義される。[MATHML]

HTML文書でのMathMLの使用例は、次のとおり:

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>The quadratic formula</title>
 </head>
 <body>
  <h1>The quadratic formula</h1>
  <p>
   <math>
    <mi>x</mi>
    <mo>=</mo>
    <mfrac>
     <mrow>
      <mo form="prefix"></mo> <mi>b</mi>
      <mo>±</mo>
      <msqrt>
       <msup> <mi>b</mi> <mn>2</mn> </msup>
       <mo></mo>
       <mn>4</mn> <mo></mo> <mi>a</mi> <mo></mo> <mi>c</mi>
      </msqrt>
     </mrow>
     <mrow>
      <mn>2</mn> <mo></mo> <mi>a</mi>
     </mrow>
    </mfrac>
   </math>
  </p>
 </body>
</html>

4.8.16 SVG

HTML/HTML5/HTML5_Parser#Inline_SVG_and_MathML_support

Support in all current engines.

Firefox37+Safari11.1+Chrome7+
Opera15+Edge79+
Edge (Legacy)12+Internet Explorer10+
Firefox Android37+Safari iOS11.3+Chrome Android18+WebView Android4.4+Samsung Internet4+Opera Android15+

SVG svg要素は、この仕様におけるコンテンツモデルに対してエンベディッドコンテンツフレージングコンテンツフローコンテンツ、およびパルパブルコンテンツのカテゴリーに分類される。

SVG foreignObject要素がHTML名前空間由来の要素を含む場合、そのような要素は、すべてフローコンテンツでなければならない。

HTML文書内部のSVG title要素のコンテンツモデルはフレージングコンテンツである。(これはSVG 2で指定された要件をさらに制約する。)

SVGの要素のセマンティックスは、SVG 2およびその他の適用可能な仕様で定義される。[SVG]


doc = iframe.getSVGDocument()
doc = embed.getSVGDocument()
doc = object.getSVGDocument()

埋め込まれたSVGを使用しているiframeembed、またはobjectの場合、Documentを返す。

The getSVGDocument() method steps are:

  1. Let document be this's content document.

  2. If document is non-null and was created by the page load processing model for XML files section because the computed type of the resource in the navigate algorithm was image/svg+xml, then return document.

  3. Return null.

4.8.17 次元属性

Author requirements: The width and height attributes on img, iframe, embed, object, video, source when the parent is a picture element and, when their type attribute is in the Image Button state, input elements may be specified to give the dimensions of the visual content of the element (the width and height respectively, relative to the nominal direction of the output medium), in CSS pixels. The attributes, if specified, must have values that are valid non-negative integers.

リソースはCSSピクセルの解像度とは異なる解像度を持つかもしれないので、与えられた指定次元は、リソース自体で指定された次元と異なるかもしれない。(画面では、CSSピクセルが96ppiの解像度を持つが、一般にCSSピクセル解像度が読み取り距離に依存する。)両方の属性が指定される場合、次のいずれかの命題が真でなければならない:

target ratioは、リソースの自然幅自然高さの比率である。specified widthspecified heightは、それぞれwidthheight属性の値である。

問題のリソースが自然幅自然高さの両方を持たない場合、2つの属性は省略しなければならない。

2つの属性がともに0である場合、要素がユーザーに意図されない(たとえば、ページビューをカウントするサービスの一部であるかもしれない)ことを示す。

次元属性は、画像を伸ばすために使用することを意図しない。

User agent requirements: User agents are expected to use these attributes as hints for the rendering.

HTMLObjectElement/width

Support in all current engines.

Firefox1+Safari3+Chrome1+
Opera12.1+Edge79+
Edge (Legacy)12+Internet Explorer5.5+
Firefox Android?Safari iOS1+Chrome Android?WebView Android?Samsung Internet?Opera Android12.1+

HTMLObjectElement/height

Support in all current engines.

Firefox1+Safari3+Chrome1+
Opera12.1+Edge79+
Edge (Legacy)12+Internet Explorer5.5+
Firefox Android?Safari iOS1+Chrome Android?WebView Android?Samsung Internet?Opera Android12.1+

The width and height IDL attributes on the iframe, embed, object, source, and video elements must reflect the respective content attributes of the same name.

For iframe, embed and object the IDL attributes are DOMString; for video and source the IDL attributes are unsigned long.

The corresponding IDL attributes for img and input elements are defined in those respective elements' sections, as they are slightly more specific to those elements' other behaviors.