面向网页开发者版 — 最后更新于 2024 年 9 月 12 日
HTML/HTML5/HTML5_Parser#Inline_SVG_and_MathML_support
所有当前引擎都支持。
对于本规范中内容模型的用途,MathML math
元素属于 嵌入式内容、短语内容、流内容 和 可感知内容 类别。
当 MathML annotation-xml
元素包含来自 HTML 命名空间 的元素时,这些元素必须都是 流内容。
当 MathML 符号元素(mi
、mo
、mn
、ms
和 mtext
)是 HTML 元素的后代时,它们可以包含来自 HTML 命名空间 的 短语内容 元素。
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 >
HTML/HTML5/HTML5_Parser#Inline_SVG_and_MathML_support
所有当前引擎都支持。
对于本规范中内容模型的用途,SVG svg
元素属于 嵌入式内容、短语内容、流内容 和 可感知内容 类别。
当 SVG foreignObject
元素包含来自 HTML 命名空间 的元素时,这些元素必须都是 流内容。
在 HTML 文档 中,SVG title
元素的内容模型是 短语内容。(这进一步约束了 SVG 2 中给出的要求。)
SVG 元素的语义由 SVG 2 和 其他适用的规范 定义。[SVG]
doc = iframe.getSVGDocument()
doc = embed.getSVGDocument()
doc = object.getSVGDocument()
width
和 height
属性在 img
、iframe
、embed
、object
、video
、当父级为 picture
元素时,source
和当它们的 type
属性处于 图像按钮 状态时,input
元素,可以指定以 CSS 像素 为单位来给出元素的可视内容的尺寸(分别为宽度和高度,相对于输出介质的名义方向)。如果指定了属性,它们的值必须是 有效的非负整数。
指定的尺寸可能与资源本身中指定的尺寸不同,因为资源可能具有与 CSS 像素分辨率不同的分辨率。(在屏幕上,CSS 像素 的分辨率为 96ppi,但通常 CSS 像素分辨率取决于阅读距离。)如果同时指定了两个属性,则以下陈述之一必须为真
目标比率 是资源中 自然宽度 与 自然高度 的比率。指定宽度 和 指定高度 分别是 width
和 height
属性的值。
如果这两个属性都被省略,则表示所讨论的资源既没有 自然宽度 也没有 自然高度。
如果两个属性都为 0,则表示该元素不打算用于用户(例如,它可能是用于统计页面浏览量的服务的一部分)。
尺寸属性不打算用于拉伸图像。