itemprop (attribute) - [ HTML 中文开发手册 ] - 在线原生手册

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

目錄搜尋

Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp

文字

itemprop全局属性用来性质添加到项目中。每个 HTML 元素都可以itemprop指定一个属性，并且itemprop由一个名称 - 值对组成。每个名称 - 值对称为一个属性，一组一个或多个属性形成一个项目。属性值是一个字符串或一个 URL，并且可以与一个很宽范围的元素，包括相关联，，</code>，<code><img></code>，<code><link></code>，<code><object></code>，<code><source></code>，<code><track></code>，和<code><video></code>。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>例子</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>下面的例子显示了一系列用<code>itemprop</code>属性标记的元素的源代码，后面跟着一张显示结果数据的表格。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>HTML</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope itemtype ="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>结构化数据</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p><br></p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Item</p> </div></th> <th style="text-align: left;"><br></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop name</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop value</p> </div></td> <td style="text-align: left;"><br></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>name</p> </div></td> <td> <div class="table-cell"> <p>Avatar</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>director</p> </div></td> <td> <div class="table-cell"> <p>James Cameron</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>genre</p> </div></td> <td> <div class="table-cell"> <p>Science fiction</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>trailer</p> </div></td> <td> <div class="table-cell"> <p>../movies/avatar-theatrical-trailer.html</p> </div></td> </tr> </tbody> </table> </div> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>属性</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>属性的值是字符串或 URL 。当字符串值是一个 URL 时，它使用<code><a></code>元素及其<code>href</code>属性，<code><img></code>元素及其<code>src</code>属性或链接到或嵌入外部资源的其他元素来表示。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>三个值为字符串的属性</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope> <p>My name is <span itemprop="name">Neil</span>.</p> <p>My band is called <span itemprop="band">Four Parts Water</span>.</p> <p>I am <span itemprop="nationality">British</span>.</p></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>一个属性，“图片”，其值是一个 URL</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope> <img itemprop="image" src="google-logo.png" alt="Google"></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>当一个字符串值不能被人轻易读取和理解时（例如，一串长长的数字和字母），它可以使用数据元素的 value 属性来显示，而更容易理解的是 a 元素内容中给出的人类版本（这不是结构化数据的一部分 - 请参见下面的示例）。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>具有属性，其值为产品 ID 的项目</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>此 ID 不是人性化的，所以产品的名称使用了人眼可见的文本而不是 ID 。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><h1 itemscope> <data itemprop="product-id" value="9678AOU879">The Instigator 2000</data></h1></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>对于数字数据，可以使用 meter 元素及其 value 属性。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>一个<strong>meter</strong>元素</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Panasonic White 60L Refrigerator</span> <img src="panasonic-fridge-60l-white.jpg" alt=""> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meter itemprop="ratingValue" min=0 value=3.5 max=5>Rated 3.5/5</meter> (based on <span itemprop="reviewCount">11</span> customer reviews) </div></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>同样，对于与日期和时间相关的数据，可以使用时间元素及其日期时间属性。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>具有一个属性的项目，“生日”，其值是日期</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope> I was born on <time itemprop="birthday" datetime="2009-05-10">May 10th 2009</time>.</div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>通过将 itemscope 属性放在声明该属性的元素上，属性也可以是名称 - 值对的组。每个值都是一个字符串或一组名称 - 值对（即一个项目）。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>表示人的外部项目，表示乐队的内部项目</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope> <p>Name: <span itemprop="name">Amanda</span></p> <p>Band: <span itemprop="band" itemscope> <span itemprop="name">Jazz Band</span> (<span itemprop="size">12</span> players)</span></p></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>上面的外部项目有两个属性，“name”和“band”。“name”是“Amanda”，“band”本身就是一个项目，有两个属性“name”和“size”。乐队的“name”是“Jazz Band”，“size”是“12”。本例中的外部项目是顶级微数据项目。不属于他人的项目称为顶级微数据项目。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>所有属性都与其项目分开</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>这个例子与前一个例子相同，但所有的属性都与它们的项目分开</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope id="amanda" itemref="a b"></div><p id="a">Name: <span itemprop="name">Amanda</span></p><div id="b" itemprop="band" itemscope itemref="c"></div><div id="c"> <p>Band: <span itemprop="name">Jazz Band</span></p> <p>Size: <span itemprop="size">12</span> players</p></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>这给出了与前面的例子相同的结果。第一个项目有两个属性，“name”，设置为“Amanda”，和“band”，设置为另一个项目。第二个项目还有两个属性，“name”，设置为“Jazz Band”和“size”，设置为“12”。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>一个项目可以具有多个具有相同名称和不同值的属性。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>冰淇淋有两种口味</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope> <p>Flavors in my favorite ice cream:</p> <ul> <li itemprop="flavor">Lemon sorbet</li> <li itemprop="flavor">Apricot sorbet</li> </ul></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>这产生了具有两个属性的项目，其名称为“flavor”并具有“Lemon sorbet”和“Apricot sorbet”的值。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>引入属性的元素也可以同时引入多个属性，以避免在某些属性具有相同值时重复。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>具有两个属性的项目，“<strong>favorite-color</strong>”和“<strong>favorite-fruit</strong>”，都设置为值“<strong>orange</strong>”</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope> <span itemprop="favorite-color favorite-fruit">orange</span></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>注意：微数据和微数据标记文档的内容之间没有关系。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>以两种不同的方式标记相同的结构化数据</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>以下两个例子之间没有语义上的区别</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><figure> <img src="castle.jpeg"> <figcaption><span itemscope><span itemprop="name">The Castle</span></span> (1986)</figcaption></figure></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><span itemscope><meta itemprop="name" content="The Castle"></span><figure> <img src="castle.jpeg"> <figcaption>The Castle (1986)</figcaption></figure></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>两者都有一个带有标题的图形，而且与图形完全无关，都有一个带名称 - 值对的项目，名称为“name”，值为“The Castle”。唯一的区别是，如果用户将无形文字拖出文档，则该项目将包含在拖放数据中。与该项目相关的图像将不包含在内。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>Names 和 values</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>属性是区分大小写的唯一令牌的无序集合，它表示名称 - 值对。属性值必须至少有一个令牌。在下面的例子中，每个数据单元都是一个令牌。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>名称的例子</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p><br></p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Item</p> </div></th> <th style="text-align: left;"><br></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop name</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop value</p> </div></td> <td style="text-align: left;"><br></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>country</p> </div></td> <td> <div class="table-cell"> <p>Ireland</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>Option</p> </div></td> <td> <div class="table-cell"> <p>2</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>https://www.flickr.com/photos/nlireland/6992065114/</p> </div></td> <td> <div class="table-cell"> <p>Ring of Kerry</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>img</p> </div></td> <td> <div class="table-cell"> <p>https://www.flickr.com/photos/nlireland/6992065114/</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>website</p> </div></td> <td> <div class="table-cell"> <p>flickr</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(token)</p> </div></td> <td> <div class="table-cell"> <p>(token)</p> </div></td> </tr> </tbody> </table> </div> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p><strong>Tokens</strong>是字符串或 URL 。如果一个项目是一个 URL，那么它就被称为一个<strong>类型项目</strong>。否则，它是一个字符串。字符串不能包含句点或冒号（见下文）。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ol class="ol-level-0 list-paddingleft-2"> <li><p>如果该项目是一个输入项目，它必须是：</p></li> <ol class="ol-level-1 list-paddingleft-2" style="list-style-type: lower-alpha;"> <li><p>定义的属性名称，或</p></li> <li><p>一个有效的 URL，指的是词汇定义，或者</p></li> <li><p>用作专有项目属性名称的有效 URL（即未在公共规范中定义的URL）或</p></li> </ol> <li><p>如果物品不是打印物品，则必须是：</p></li> <ol class="ol-level-1 list-paddingleft-2" style="list-style-type: lower-alpha;"> <li><p>一个不包含“<strong>。</strong>”（U + 002E FULL STOP）字符且不包含“<strong>：</strong>”字符（U + 003A COLON）的字符串，用作专有项目属性名称（同样，未在公开说明中定义）。</p></li> </ol> </ol> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p><strong>注意：</strong>上面的规则不允许在非 URL 值中使用“：”字符，否则它们无法与 URL 区分。带“。”的值字符被保留用于未来的扩展。空格字符是不允许的，否则这些值将被解析为多个标记。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>Values</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>名称 - 值对的属性值与以下列表中第一个匹配的情况相同：</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p>如果元素有一个<strong>itemscope</strong>属性</p></li> <ul class="ul-level-1 list-paddingleft-2" style="list-style-type: square;"> <li><p>该值是元素创建的<strong>项目</strong>。</p></li> </ul> <li><p>如果元素是<strong>meta</strong>元素</p></li> <ul class="ul-level-1 list-paddingleft-2" style="list-style-type: square;"> <li><p>该值是元素<strong>内容</strong>属性的值</p></li> </ul> <li><p>如果元素是<strong>audio</strong>，<strong>embed</strong>，<strong>iframe</strong>，<strong>img</strong>，<strong>source</strong>，<strong>track</strong>或<strong>video</strong>元素</p></li> <ul class="ul-level-1 list-paddingleft-2" style="list-style-type: square;"> <li><p>该值是由设置属性时元素的 src 属性相对于元素的节点文档（Microdata DOM API 的一部分）解析而得到的结果 URL 字符串</p></li> </ul> <li><p>如果元素是<strong>a</strong>，<strong>area</strong>或<strong>link</strong>元素</p></li> <ul class="ul-level-1 list-paddingleft-2" style="list-style-type: square;"> <li><p>该值是生成的 URL 字符串，它是通过在设置属性时解析元素的 href 属性相对于元素的节点文档的值而得到的</p></li> </ul> <li><p>如果元素是一个<strong>object</strong>元素</p></li> <ul class="ul-level-1 list-paddingleft-2" style="list-style-type: square;"> <li><p>该值是生成的 URL 字符串，它是通过在设置属性时解析元素的 data 属性的值相对于元素的节点文档而得出的</p></li> </ul> <li><p>如果元素是<strong>data</strong>元素</p></li> <ul class="ul-level-1 list-paddingleft-2" style="list-style-type: square;"> <li><p>该值是元素的值属性的值</p></li> </ul> <li><p>如果元素是一个<strong>meter</strong>元素</p></li> <ul class="ul-level-1 list-paddingleft-2" style="list-style-type: square;"> <li><p>该值是元素的<strong>值</strong>属性的<strong>值</strong></p></li> </ul> <li><p>如果元素是<strong>time</strong>元素</p></li> <ul class="ul-level-1 list-paddingleft-2" style="list-style-type: square;"> <li><p>该值是元素的<strong>日期时间</strong>值</p></li> </ul> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>除此以外</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p>值是元素的<strong>textContent</strong>。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>如果属性的值是一个<strong>URL</strong>，则必须使用 URL 属性元素来指定该属性。URL属性元素是<strong>a</strong>,<strong>area</strong>,<strong>audio</strong>,<strong>embed</strong>,<strong>iframe</strong>,<strong>img</strong>,<strong>link</strong>,<strong>object</strong>,<strong>source</strong>,<strong>track</strong>, 和<strong>video</strong>元素。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>名称顺序</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>名称相对于彼此是无序的，但是如果某个特定名称具有多个值，则它们具有相对顺序。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h4>在以下示例中，“a”属性的值<em style="font-style: italic;">依次为</em>“1”和“2” ，但“a”属性是否位于“b”属性之前并不重要</h4> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope> <p itemprop="a">1</p> <p itemprop="a">2</p> <p itemprop="b">test</p></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h4>以下是等同的</h4> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope> <p itemprop="b">test</p> <p itemprop="a">1</p> <p itemprop="a">2</p></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h4>如下所示</h4> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div itemscope> <p itemprop="a">1</p> <p itemprop="b">test</p> <p itemprop="a">2</p></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h4>以下</h4> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><div id="x"> <p itemprop="a">1</p></div><div itemscope itemref="x"> <p itemprop="b">test</p> <p itemprop="a">2</p></div></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>其他例子</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>HTML</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><dl itemscope itemtype="http://vocab.example.net/book" itemid="urn:isbn:0-330-34032-8"> <dt>Title <dd itemprop="title">The Reality Dysfunction <dt>Author <dd itemprop="author">Peter F. Hamilton <dt>Publication date <dd><time itemprop="pubdate" datetime="1996-01-26">26 January 1996</time></dl></pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>结构化数据</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p>itemscope</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>itemtype: itemid</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>http://vocab.example.net/book: urn:isbn:0-330-34032-8</p> </div></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>title</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>The Reality Dysfunction</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>author</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>Peter F. Hamilton</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>pubdate</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>1996-01-26</p> </div></td> </tr> </tbody> </table> </div> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>结果</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>规范</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p>Specification</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Status</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Comment</p> </div></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>itemprop</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p><br></p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>WG Note - No longer being actively developed</p> </div></td> </tr> </tbody> </table> </div> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>浏览器兼容性</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p>Feature</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Chrome</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Firefox (Gecko)</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Internet Explorer</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Opera</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Safari</p> </div></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>Basic support</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> </tbody> </table> </div> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p>Feature</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Chrome for Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Firefox Mobile (Gecko)</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>IE Mobile</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Opera Mobile</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Safari Mobile</p> </div></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>Basic support</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="view-foot"> <div class="article-jump"> <span class="jump-up">上一篇：<a></a></span> <span class="jump-down">下一篇：<a></a></span> </div> <a class="view-backtop"><i class="icon-arrow-up2"></i></a> </div> </div> </div> </div> </div> </div> </div>  <div id="languageslayer" style="display:none" class="flexColumn languageslayer"> <div class="lan-con"> <a href="javascript:;" onclick="setlang($(this))" data-value="zh-cn" class="chooselan ">简体中文(ZH-CN)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="en" class="chooselan ">English(EN)</a> <a href="javascript:;" data-value="zh-tw" class="chooselan checklan">繁体中文(ZH-TW)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ja" class="chooselan ">日本語(JA)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ko" class="chooselan ">한국어(KO)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ms" class="chooselan ">Melayu(MS)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="fr" class="chooselan ">Français(FR)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="de" class="chooselan ">Deutsch(DE)</a> </div> </div> <div style="display:none"></div> </body> </html>