diff options
author | Ryan Johnson <rjohnson@mozilla.com> | 2021-04-29 16:16:42 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-29 16:16:42 -0700 |
commit | 95aca4b4d8fa62815d4bd412fff1a364f842814a (patch) | |
tree | 5e57661720fe9058d5c7db637e764800b50f9060 /files/uk/web/html/global_attributes/itemscope/index.html | |
parent | ee3b1c87e3c8e72ca130943eed260ad642246581 (diff) | |
download | translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.gz translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.bz2 translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.zip |
remove retired locales (#699)
Diffstat (limited to 'files/uk/web/html/global_attributes/itemscope/index.html')
-rw-r--r-- | files/uk/web/html/global_attributes/itemscope/index.html | 320 |
1 files changed, 0 insertions, 320 deletions
diff --git a/files/uk/web/html/global_attributes/itemscope/index.html b/files/uk/web/html/global_attributes/itemscope/index.html deleted file mode 100644 index 2a1eb3e0a3..0000000000 --- a/files/uk/web/html/global_attributes/itemscope/index.html +++ /dev/null @@ -1,320 +0,0 @@ ---- -title: itemscope -slug: Web/HTML/Global_attributes/itemscope -translation_of: Web/HTML/Global_attributes/itemscope -original_slug: Web/HTML/Загальні_атрибути/itemscope ---- -<div>{{HTMLSidebar("Global_attributes")}}</div> - -<p><code><strong>itemscope</strong></code> це <a href="/en-US/docs/Web/HTML/Global_attributes">глобальний атрибут</a> логічного типу, що визначає сферу асоційованих даних. Атрибут <code><strong>itemscope</strong></code> визначається на елементах, що створюють нові елементи, який призводить до числа з пар назва-значення, що асоціюється з елементом. Пов'язаний з ним атрибут, {{htmlattrxref("itemtype")}}, використовується для визначення валідної URL зі словника (such as <a href="http://schema.org/">schema.org</a>), що описує елемент та контекст його властивостей. У наступних прикладах в кожному елементі словник взятий з <a href="https://schema.org/">schema.org</a>.</p> - -<p>Кожен HTML елемент може мати атрибут <code>itemscope</code>. <code>itemscope</code> елемент, який не має <code>itemtype</code> повинен мати <code>itemref</code>.</p> - -<div class="note"> -<p><strong>Примітка:</strong> Знайти більше інформації про атрибут <code>itemtype</code> можна на <a href="http://schema.org/Thing">http://schema.org/Thing</a></p> -</div> - -<h3 id="Простий_приклад">Простий приклад</h3> - -<h4 id="HTML">HTML</h4> - -<p>Нижченаведений приклад демонструє атрибут <code>itemscope</code>. В прикладі використовується <code>itemtype</code> як "http://schema.org/Movie", і три пов'язані атрибути <code>itemprop</code>. </p> - -<pre class="brush:html"><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="https://youtu.be/0AY1XIkX7bY" itemprop="trailer">Trailer</a> -</div> -</pre> - -<h4 id="sect1"></h4> - -<h4 id="Структуровані_дані">Структуровані дані</h4> - -<p>В наступній таблиці показано структуровані дані з попереднього прикладу.</p> - -<table class="standard-table"> - <tbody> - <tr> - <td rowspan="6">itemscope</td> - <td>Itemtype</td> - <td colspan="2">Movie</td> - </tr> - <tr> - <td>itemprop</td> - <td>(itemprop name)</td> - <td>(значення itemprop)</td> - </tr> - <tr> - <td>itemprop</td> - <td>director</td> - <td>James Cameron</td> - </tr> - <tr> - <td>itemprop</td> - <td>genre</td> - <td>Science Fiction</td> - </tr> - <tr> - <td>itemprop</td> - <td>name</td> - <td>Avatar</td> - </tr> - <tr> - <td>itemprop</td> - <td>https://youtu.be/0AY1XIkX7bY</td> - <td>Trailer</td> - </tr> - </tbody> -</table> - -<h3 id="itemscope_id_атрибути"><code>itemscope</code> id атрибути</h3> - -<p>Коли ви використовуєте атрибут <code>itemscope</code> для елементу, створюється новий елемент. Новостворений елемент містить групу з пар ім'я-значення. For elements with an <code>itemscope</code> attribute and an <code>itemtype</code> attribute, you may also specify an {{htmlattrxref("id")}} attribute. You can use the <code>id</code> attribute to set a global identifier for the new item. A global identifier allows the item to relate to other items found on pages across the Web.</p> - -<h3 id="Приклад">Приклад</h3> - -<p>There are four <code>itemscope</code> attributes in the following example. Each <code>itemscope</code> attribute sets the scope of its corresponding <code>itemptype</code> attribute. The <code>itemtype</code>s, <code>Recipe</code>, <code>AggregateRating</code>, and <code>NutritionInformation</code> in the following example are part of the <a href="www.schema.org">schema.org</a> structured data for a recipe, as specified by the first <code>itemptype</code>, http://schema.org/Recipe.</p> - -<pre class="brush: html"><div itemscope itemtype="http://schema.org/Recipe"> -<h2 itemprop="name">Grandma's Holiday Apple Pie</h2> -<img itemprop="image" src="https://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg" width="50" height="50"/> -<p>By <span itemprop="author" itemscope itemtype="http://schema.org/Person"> -<span itemprop="name">Carol Smith</p></span> -</span> -<p>Published: <time datetime="2009-11-05" itemprop="datePublished"> -November 5, 2009</p></time> -<span itemprop="description">This is my grandmother's apple pie recipe. I like to add a dash of nutmeg.<br></span> - <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> - <span itemprop="ratingValue">4.0</span> stars based on <span itemprop="reviewCount">35</span> reviews<br></span> -Prep time: <time datetime="PT30M" itemprop="prepTime">30 min<br></time> - Cook time: <time datetime="PT1H" itemprop="cookTime">1 hour<br></time> - Total time: <time datetime="PT1H30M" itemprop="totalTime">1 hour 30 min<br></time> - Yield: <span itemprop="recipeYield">1 9" pie (8 servings)<br></span> - <span itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation"> - Serving size: <span itemprop="servingSize">1 medium slice<br></span> - Calories per serving: <span itemprop="calories">250 cal<br></span> - Fat per serving: <span itemprop="fatContent">12 g<br></span> -</span> -<p>Ingredients:<br> - <span itemprop="recipeIngredient">Thinly-sliced apples: 6 cups<br></span> - <span itemprop="recipeIngredient">White sugar: 3/4 cup<br></span> - ... </p> - -Directions: <br> - <div itemprop="recipeInstructions"> - 1. Cut and peel apples<br> - 2. Mix sugar and cinnamon. Use additional sugar for tart apples. <br> - ... - </div> -</div> </pre> - -<h3 id="Results">Results</h3> - -<h4 id="HTML_2">HTML</h4> - -<p>The following is an example rendering of the preceding code example.</p> - -<p>{{EmbedLiveSample('Example', '500', '550', '', 'Web/HTML/Global_attributes/itemscope')}}</p> - -<h4 id="Structured_data">Structured data</h4> - -<table class="standard-table"> - <tbody> - <tr> - <td colspan="1" rowspan="14">itemscope</td> - <td>itemtype</td> - <td colspan="2" rowspan="1">Recipe</td> - </tr> - <tr> - <td>itemprop</td> - <td>name</td> - <td>Grandma's Holiday Apple Pie</td> - </tr> - <tr> - <td>itemprop</td> - <td>image</td> - <td>https://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg</td> - </tr> - <tr> - <td>itemprop</td> - <td>datePublished</td> - <td>2009-11-05</td> - </tr> - <tr> - <td>itemprop</td> - <td>description</td> - <td>This is my grandmother's apple pie recipe. I like to add a dash of nutmeg.</td> - </tr> - <tr> - <td>itemprop</td> - <td>prepTime</td> - <td>PT30M</td> - </tr> - <tr> - <td>itemprop</td> - <td>cookTime</td> - <td>PT1H</td> - </tr> - <tr> - <td>itemprop</td> - <td>totalTime</td> - <td>PT1H30M</td> - </tr> - <tr> - <td>itemprop</td> - <td>recipeYield</td> - <td>1 9" pie (8 servings)</td> - </tr> - <tr> - <td>itemprop</td> - <td>recipeIngredient</td> - <td>Thinly-sliced apples: 6 cups</td> - </tr> - <tr> - <td>itemprop</td> - <td>recipeIngredient</td> - <td>White sugar: 3/4 cup</td> - </tr> - <tr> - <td>itemprop</td> - <td>recipeInstructions</td> - <td>1. Cut and peel apples 2. Mix sugar and cinnamon. Use additional sugar for tart apples .</td> - </tr> - <tr> - <td>itemprop</td> - <td colspan="2" rowspan="1">author [Person]</td> - </tr> - <tr> - <td>itemprop</td> - <td>name</td> - <td>Carol Smith</td> - </tr> - <tr> - <td colspan="1" rowspan="3">itemscope</td> - <td>itemprop[itemtype]</td> - <td colspan="2" rowspan="1">aggregateRating [AggregateRating]</td> - </tr> - <tr> - <td>itemprop</td> - <td>ratingValue</td> - <td>4.0</td> - </tr> - <tr> - <td>itemprop</td> - <td>reviewCount</td> - <td>35</td> - </tr> - <tr> - <td colspan="1" rowspan="4">itemscope</td> - <td>itemprop[itemtype]</td> - <td colspan="2" rowspan="1">nutrition [NutritionInformation]</td> - </tr> - <tr> - <td>itemprop</td> - <td>servingSize</td> - <td>1 medium slice</td> - </tr> - <tr> - <td>itemprop</td> - <td>calories</td> - <td>250 cal</td> - </tr> - <tr> - <td>itemprop</td> - <td>fatContent</td> - <td>12 g</td> - </tr> - </tbody> -</table> - -<div class="note"> -<p><strong>Note</strong>: A handy tool for extracting microdata structures from HTML is Google's<a href="https://developers.google.com/structured-data/testing-tool/"> Structured Data Testing Tool</a>. Try it on the HTML shown above.</p> -</div> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#items">itemscope</a></code></td> - <td></td> - <td>WG Note - No longer being actively developed</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>The following table details this feature's compatibility with popular browsers. </p> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="See_also">See also</h2> - -<ul> - <li><a href="/en-US/docs/Web/HTML/Global_attributes">Other different global attributes</a></li> - <li>Other, microdata related, global attributes: - <ul> - <li>{{htmlattrxref("itemid")}}</li> - <li>{{htmlattrxref("itemprop")}}</li> - <li>{{htmlattrxref("itemref")}}</li> - <li>{{htmlattrxref("itemscope")}}</li> - <li>{{htmlattrxref("itemtype")}}</li> - </ul> - </li> -</ul> |