{"json_modified": "2016-06-03T02:22:51.317048", "uuid": "71875023-ca7a-4880-a70b-b7623e66fb74", "title": "span", "url": "/es/docs/Web/HTML/Elemento/span", "tags": ["HTML", "HTML:Elemento", "Todas_las_Categor\u00edas"], "translations": [{"uuid": "be3474ee-fd4a-46a4-81d4-13d442debd37", "title": "span \u8981\u7d20", "url": "/ja/docs/Web/HTML/Element/span", "tags": ["HTML text-level semantics", "Element", "Reference", "Web", "HTML", "HTML:Flow content"], "summary": "<strong>HTML <code>&lt;span&gt;</code> \u8981\u7d20</strong>\u306f\u3001\u4f55\u304b\u7279\u5b9a\u306e\u30bb\u30de\u30f3\u30c6\u30a3\u30af\u30b9\u3092\u8868\u3059\u3082\u306e\u3067\u306f\u306a\u3044\u3001\u30d5\u30ec\u30fc\u30b8\u30f3\u30b0\u30fb\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u70ba\u306e\u6c4e\u7528\u30b3\u30f3\u30c6\u30ca\u3067\u3059\u3002CSS \u306b\u3088\u308b\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\u306e\u7528\u9014\u7b49\u3067\u3001\u8981\u7d20\u306e\u30b0\u30eb\u30fc\u30d7\u5316\u304c\u5fc5\u8981\u306a\u5834\u5408\u306b\u7528\u3044\u307e\u3059\u3002\u591a\u304f\u306e\u5834\u5408\u3001 <code>class</code> \u5c5e\u6027\u304b <code>id</code> \u5c5e\u6027\u3001<code>lang</code> \u5c5e\u6027\u7b49\u3068\u5171\u306b\u4f7f\u308f\u308c\u307e\u3059\u3002\u30bb\u30de\u30f3\u30c6\u30a3\u30af\u30b9\u4e0a\u3067\u4ed6\u306b\u9069\u5207\u306a\u8981\u7d20\u304c\u3042\u308b\u5834\u5408\u306f\u305d\u3061\u3089\u3092\u4f7f\u7528\u3057\u3066\u4e0b\u3055\u3044\u3002<code>&lt;span&gt;</code> \u306f <a href=\"/ja/docs/Web/HTML/Element/div\" title=\"HTML &#x306E; &lt;div&gt; &#x8981;&#x7D20; (HTML Document Division Element) &#x306F;&#x3001;&#x4F55;&#x304B;&#x7279;&#x5B9A;&#x306E;&#x30BB;&#x30DE;&#x30F3;&#x30C6;&#x30A3;&#x30AF;&#x30B9;&#x3092;&#x8868;&#x3059;&#x3082;&#x306E;&#x3067;&#x306F;&#x306A;&#x3044;&#x3001;&#x30D5;&#x30ED;&#x30FC;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x306E;&#x70BA;&#x306E;&#x6C4E;&#x7528;&#x30B3;&#x30F3;&#x30C6;&#x30CA;&#x3067;&#x3059;&#x3002;&#x30B9;&#x30BF;&#x30A4;&#x30EA;&#x30F3;&#x30B0;&#x306E;&#x305F;&#x3081;&#x306E;&#x30B0;&#x30EB;&#x30FC;&#x30D7;&#x8981;&#x7D20;&#x3068;&#x3057;&#x3066; (class &#x5C5E;&#x6027;&#x304B; id &#x5C5E;&#x6027;&#x3092;&#x4F7F;&#x7528;)&#x3001;&#x3042;&#x308B;&#x3044;&#x306F; lang &#x306A;&#x3069;&#x306E;&#x5C5E;&#x6027;&#x5024;&#x3092;&#x5171;&#x6709;&#x3059;&#x308B;&#x305F;&#x3081;&#x306B;&#x4F7F;&#x308F;&#x308C;&#x307E;&#x3059;&#x3002;&#x30BB;&#x30DE;&#x30F3;&#x30C6;&#x30A3;&#x30AF;&#x30B9;&#x4E0A;&#x3067;(&lt;article&gt; &#x3001;&lt;nav&gt;) &#x306A;&#x3069;&#x4ED6;&#x306B;&#x9069;&#x5207;&#x306A;&#x8981;&#x7D20;&#x304C;&#x3042;&#x308B;&#x5834;&#x5408;&#x306F;&#x305D;&#x3061;&#x3089;&#x3092;&#x4F7F;&#x7528;&#x3057;&#x3066;&#x4E0B;&#x3055;&#x3044;&#x3002;\"><code>&lt;div&gt;</code></a> \u8981\u7d20\u3068\u975e\u5e38\u306b\u4f3c\u305f\u5f79\u5272\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002 <a href=\"/ja/docs/Web/HTML/Element/div\" title=\"HTML &#x306E; &lt;div&gt; &#x8981;&#x7D20; (HTML Document Division Element) &#x306F;&#x3001;&#x4F55;&#x304B;&#x7279;&#x5B9A;&#x306E;&#x30BB;&#x30DE;&#x30F3;&#x30C6;&#x30A3;&#x30AF;&#x30B9;&#x3092;&#x8868;&#x3059;&#x3082;&#x306E;&#x3067;&#x306F;&#x306A;&#x3044;&#x3001;&#x30D5;&#x30ED;&#x30FC;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x306E;&#x70BA;&#x306E;&#x6C4E;&#x7528;&#x30B3;&#x30F3;&#x30C6;&#x30CA;&#x3067;&#x3059;&#x3002;&#x30B9;&#x30BF;&#x30A4;&#x30EA;&#x30F3;&#x30B0;&#x306E;&#x305F;&#x3081;&#x306E;&#x30B0;&#x30EB;&#x30FC;&#x30D7;&#x8981;&#x7D20;&#x3068;&#x3057;&#x3066; (class &#x5C5E;&#x6027;&#x304B; id &#x5C5E;&#x6027;&#x3092;&#x4F7F;&#x7528;)&#x3001;&#x3042;&#x308B;&#x3044;&#x306F; lang &#x306A;&#x3069;&#x306E;&#x5C5E;&#x6027;&#x5024;&#x3092;&#x5171;&#x6709;&#x3059;&#x308B;&#x305F;&#x3081;&#x306B;&#x4F7F;&#x308F;&#x308C;&#x307E;&#x3059;&#x3002;&#x30BB;&#x30DE;&#x30F3;&#x30C6;&#x30A3;&#x30AF;&#x30B9;&#x4E0A;&#x3067;(&lt;article&gt; &#x3001;&lt;nav&gt;) &#x306A;&#x3069;&#x4ED6;&#x306B;&#x9069;&#x5207;&#x306A;&#x8981;&#x7D20;&#x304C;&#x3042;&#x308B;&#x5834;&#x5408;&#x306F;&#x305D;&#x3061;&#x3089;&#x3092;&#x4F7F;&#x7528;&#x3057;&#x3066;&#x4E0B;&#x3055;&#x3044;&#x3002;\"><code>&lt;div&gt;</code></a> \u8981\u7d20\u304c<a href=\"/ja/docs/HTML/Block-level_elements\">\u30d6\u30ed\u30c3\u30af\u30ec\u30d9\u30eb\u8981\u7d20</a>\u306e\u6c4e\u7528\u30b3\u30f3\u30c6\u30ca\u3067\u3042\u308b\u306e\u306b\u5bfe\u3057\u3001<code>&lt;span&gt;</code> \u306f<strong><a href=\"/ja/docs/HTML/Inline_elements\">\u30a4\u30f3\u30e9\u30a4\u30f3\u30ec\u30d9\u30eb\u8981\u7d20</a>\u306e\u70ba\u306e\u6c4e\u7528\u30b3\u30f3\u30c6\u30ca\u306e\u5f79\u5272</strong>\u3092\u679c\u305f\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2015-11-07T03:18:11", "review_tags": []}, {"uuid": "80143261-4706-438c-9014-8e8ea3a16182", "title": "<span>", "url": "/en-US/docs/Web/HTML/Element/span", "tags": ["HTML text-level semantics", "Element", "Reference", "Web", "HTML", "HTML:Flow content"], "summary": "The <strong>HTML <em><code>&lt;span&gt;</code></em> element</strong> is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the <code>class</code> or <code>id</code> attributes), or because they share attribute values, such as <code>lang</code>.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-05-17T06:54:25", "review_tags": []}, {"uuid": "2123e57d-0f32-4cf2-84aa-cc9067e4da39", "title": "<span>", "url": "/pt-BR/docs/Web/HTML/Element/span", "tags": [], "summary": "O elemento\u00a0<strong>HTML <code>&lt;span&gt;</code>\u00a0\u00e9 um conteiner generico em linha para conte\u00fado fraseado </strong>, que n\u00e3o representa nada por natureza. Ele pode ser usado para agrupar elementos para fins de estilo (usando os atributos\u00a0<code>class</code> ou\u00a0<code>id</code>\u00a0), ou para compartilhar valores de atributos como <code>lang</code>. Ele deve ser usado somente quando nenhum outro elemento sem\u00e2ntico for apropriado. <code>&lt;span&gt;</code>\u00a0\u00e9 muito parecido com o elemento <a href=\"/pt-BR/docs/HTML/Element/div\" title=\"This article hasn't been written yet. Please consider contributing!\"><code>&lt;div&gt;</code></a> , entretando \u00a0<a href=\"/pt-BR/docs/HTML/Element/div\" title=\"This article hasn't been written yet. Please consider contributing!\"><code>&lt;div&gt;</code></a> \u00e9 um elemento de n\u00edvel de bloco enquanto <code>&lt;span&gt;</code>\u00a0\u00e9 um elemento em linha.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2014-06-24T05:33:55", "review_tags": []}, {"uuid": "e0035a48-e90c-49a7-a77d-3c504015f1ba", "title": "<span>", "url": "/fr/docs/Web/HTML/Element/span", "tags": ["\u00c9l\u00e9ment", "Element", "Reference", "R\u00e9f\u00e9rence", "Web", "HTML"], "summary": "L'<strong>\u00e9l\u00e9ment HTML <code>&lt;span&gt;</code></strong> est un containeur g\u00e9n\u00e9rique de ligne pour les contenus phras\u00e9s, qui ne r\u00e9pr\u00e9sente rien par lui-m\u00eame. Il peut \u00eatre utilis\u00e9 pour grouper des \u00e9l\u00e9ments afin de les styler (en utilisant les attributs <code>class</code> ou <code>id</code>), ou parce qu'ils partagent certaines valeurs d'attribut, comme pour <code>lang</code>. Il doit \u00eatre utilis\u00e9 seulement lorsqu'aucun autre \u00e9l\u00e9ment s\u00e9mantique n'est appropri\u00e9. <code>&lt;span&gt;</code> est tr\u00e8s proche de l'\u00e9l\u00e9ment <a href=\"/fr/docs/Web/HTML/Element/div\" title=\"L'&#xE9;l&#xE9;ment HTML &lt;div&gt; (signifiant division du document) est un conteneur g&#xE9;n&#xE9;rique permettant d'organiser le contenu mais qui ne r&#xE9;pr&#xE9;sente rien de particulier. Il peut &#xEA;tre utilis&#xE9; pour grouper d'autres &#xE9;l&#xE9;ments afin de leur appliquer un style (en utilisant les attributs class ou id), ou parce qu'ils partagent des attributs aux valeurs communes, tel que lang. Il doit &#xEA;tre utilis&#xE9; uniquement lorsqu'aucun autre &#xE9;l&#xE9;ment s&#xE9;mantique (comme &lt;article&gt; ou &lt;nav&gt;) n'est appropri&#xE9;.\"><code>&lt;div&gt;</code></a>, mais l'\u00e9l\u00e9ment <a href=\"/fr/docs/Web/HTML/Element/div\" title=\"L'&#xE9;l&#xE9;ment HTML &lt;div&gt; (signifiant division du document) est un conteneur g&#xE9;n&#xE9;rique permettant d'organiser le contenu mais qui ne r&#xE9;pr&#xE9;sente rien de particulier. Il peut &#xEA;tre utilis&#xE9; pour grouper d'autres &#xE9;l&#xE9;ments afin de leur appliquer un style (en utilisant les attributs class ou id), ou parce qu'ils partagent des attributs aux valeurs communes, tel que lang. Il doit &#xEA;tre utilis&#xE9; uniquement lorsqu'aucun autre &#xE9;l&#xE9;ment s&#xE9;mantique (comme &lt;article&gt; ou &lt;nav&gt;) n'est appropri&#xE9;.\"><code>&lt;div&gt;</code></a> est un \u00e9l\u00e9ment de bloc, alors que <code>&lt;span&gt;</code> est en un \u00e9l\u00e9ment de ligne.", "localization_tags": [], "locale": "fr", "last_edit": "2014-01-09T04:43:59", "review_tags": []}, {"uuid": "e8fbb68a-88af-43f8-afba-26ca9b06ec13", "title": "<span>", "url": "/pl/docs/Web/HTML/Element/span", "tags": [], "summary": "The <strong>HTML <code>&lt;span&gt;</code> element</strong> is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the <code>class</code> or <code>id</code> attributes), or because they share attribute values, such as <code>lang</code>. It should be used only when no other semantic element is appropriate. <code>&lt;span&gt;</code> is very much like a <a href=\"/pl/docs/HTML/Element/div\" title=\"This article hasn't been written yet. Please consider contributing!\"><code>&lt;div&gt;</code></a> element, but <a href=\"/pl/docs/HTML/Element/div\" title=\"This article hasn't been written yet. Please consider contributing!\"><code>&lt;div&gt;</code></a> is a <a href=\"/en-US/docs/HTML/Block-level_elements\">block-level element</a> whereas a <code>&lt;span&gt;</code> is an<a href=\"/en-US/docs/HTML/Inline_elements\"> inline element</a>.", "localization_tags": [], "locale": "pl", "last_edit": "2014-07-03T02:52:00", "review_tags": []}, {"uuid": "163265d2-db24-4451-a714-05e258864afd", "title": "<span>", "url": "/de/docs/Web/HTML/Element/span", "tags": ["HTML Textlevel Semantiken", "HTML: Flussinhalt", "Element", "Referenz", "Web", "HTML"], "summary": "The <strong>HTML <code>&lt;span&gt;</code> element</strong> is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the <code>class</code> or <code>id</code> attributes), or because they share attribute values, such as <code>lang</code>. It should be used only when no other semantic element is appropriate. <code>&lt;span&gt;</code> is very much like a <a href=\"/de/docs/Web/HTML/Element/div\" title=\"Das&#xA0;HTML &lt;div&gt; Element (oder HTML Document Division Element) ist ein generischer Container f&#xFC;r flie&#xDF;enden Inhalt, der im Grunde genommen Nichts repr&#xE4;sentiert. Dieser kann f&#xFC;r die Gruppierung von Elementen genutzt werden, um sie zu stylen (mit Hilfe des&#xA0;class oder id Attributs) oder weil sie die gleichen Attribut-Werte besitzen, wie zum Beispiel das Attribut&#xA0;lang. Dies sollte nur genutzt werden, wenn kein anderes semantisches Element (wie &lt;article&gt; oder &lt;nav&gt;) geeignet ist.\"><code>&lt;div&gt;</code></a> element, but <a href=\"/de/docs/Web/HTML/Element/div\" title=\"Das&#xA0;HTML &lt;div&gt; Element (oder HTML Document Division Element) ist ein generischer Container f&#xFC;r flie&#xDF;enden Inhalt, der im Grunde genommen Nichts repr&#xE4;sentiert. Dieser kann f&#xFC;r die Gruppierung von Elementen genutzt werden, um sie zu stylen (mit Hilfe des&#xA0;class oder id Attributs) oder weil sie die gleichen Attribut-Werte besitzen, wie zum Beispiel das Attribut&#xA0;lang. Dies sollte nur genutzt werden, wenn kein anderes semantisches Element (wie &lt;article&gt; oder &lt;nav&gt;) geeignet ist.\"><code>&lt;div&gt;</code></a> is a <a href=\"/en-US/docs/HTML/Block-level_elements\">block-level element</a> whereas a <code>&lt;span&gt;</code> is an<a href=\"/en-US/docs/HTML/Inline_elements\"> inline element</a>.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2016-02-29T15:01:46", "review_tags": []}, {"uuid": "74600867-b323-48c4-926b-61e8c86515d0", "title": "<span>", "url": "/zh-CN/docs/Web/HTML/Element/span", "tags": ["\u884c\u5185\u5143\u7d20", "span"], "summary": "<strong>HTML <code>&lt;span&gt;</code>\u00a0</strong>\u5143\u7d20\u662f\u77ed\u8bed\u5185\u5bb9\u7684\u901a\u7528\u884c\u5185\u5bb9\u5668\uff0c\u5e76\u6ca1\u6709\u4efb\u4f55\u7279\u6b8a\u8bed\u4e49\u3002\u53ef\u4ee5\u4f7f\u7528\u5b83\u6765\u7f16\u7ec4\u5143\u7d20\u4ee5\u8fbe\u5230\u67d0\u79cd\u6837\u5f0f\u610f\u56fe\uff08\u901a\u8fc7\u4f7f\u7528\u7c7b\u6216\u8005Id\u5c5e\u6027\uff09\uff0c\u6216\u8005\u8fd9\u4e9b\u5143\u7d20\u6709\u7740\u5171\u540c\u7684\u5c5e\u6027\uff0c\u6bd4\u5982<strong>lang</strong>\u3002\u5e94\u8be5\u5728\u6ca1\u6709\u5176\u4ed6\u5408\u9002\u7684\u8bed\u4e49\u5143\u7d20\u65f6\u624d\u4f7f\u7528\u5b83\u3002<code>&lt;span&gt;</code>\u00a0\u4e0e\u00a0<a href=\"/zh-CN/docs/Web/HTML/Element/div\" title=\"HTML &lt;div&gt; &#x5143;&#x7D20; (&#x6216;&#xA0;HTML &#x6587;&#x6863;&#x5206;&#x533A;&#x5143;&#x7D20;) &#x662F;&#x4E00;&#x4E2A;&#x901A;&#x7528;&#x578B;&#x7684;&#x6D41;&#x5185;&#x5BB9;&#x5BB9;&#x5668;&#xFF0C;&#x5B83;&#x5728;&#x8BED;&#x4E49;&#x4E0A;&#x4E0D;&#x4EE3;&#x8868;&#x4EFB;&#x4F55;&#x7279;&#x5B9A;&#x7C7B;&#x578B;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x5B83;&#x53EF;&#x4EE5;&#x88AB;&#x7528;&#x6765;&#x5BF9;&#x5176;&#x5B83;&#x5143;&#x7D20;&#x8FDB;&#x884C;&#x5206;&#x7EC4;&#xFF0C;&#x4E00;&#x822C;&#x7528;&#x4E8E;&#x6837;&#x5F0F;&#x5316;&#x76F8;&#x5173;&#x7684;&#x9700;&#x6C42;&#xFF08;&#x4F7F;&#x7528;&#xA0;class&#xA0;&#x6216;&#xA0;id &#x7279;&#x6027;) &#x6216;&#x8005;&#x5BF9;&#x5177;&#x6709;&#x76F8;&#x540C;&#x7279;&#x6027;&#x7684;&#x4E00;&#x7EC4;&#x5143;&#x7D20;&#x8FDB;&#x884C;&#x5206;&#x7EC4; (&#x6BD4;&#x5982; lang)&#xFF0C;&#x5B83;&#x5E94;&#x8BE5;&#x5728;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x5176;&#x5B83;&#x8BED;&#x4E49;&#x5143;&#x7D20;&#x53EF;&#x7528;&#x662F;&#x624D;&#x4F7F;&#x7528;&#xA0;(&#x6BD4;&#x5982; &lt;article&gt; &#x6216;&#xA0;&lt;nav&gt;) &#x3002;\"><code>&lt;div&gt;</code></a> \u5143\u7d20\u5f88\u76f8\u4f3c\uff0c\u4f46\u00a0<a href=\"/zh-CN/docs/Web/HTML/Element/div\" title=\"HTML &lt;div&gt; &#x5143;&#x7D20; (&#x6216;&#xA0;HTML &#x6587;&#x6863;&#x5206;&#x533A;&#x5143;&#x7D20;) &#x662F;&#x4E00;&#x4E2A;&#x901A;&#x7528;&#x578B;&#x7684;&#x6D41;&#x5185;&#x5BB9;&#x5BB9;&#x5668;&#xFF0C;&#x5B83;&#x5728;&#x8BED;&#x4E49;&#x4E0A;&#x4E0D;&#x4EE3;&#x8868;&#x4EFB;&#x4F55;&#x7279;&#x5B9A;&#x7C7B;&#x578B;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x5B83;&#x53EF;&#x4EE5;&#x88AB;&#x7528;&#x6765;&#x5BF9;&#x5176;&#x5B83;&#x5143;&#x7D20;&#x8FDB;&#x884C;&#x5206;&#x7EC4;&#xFF0C;&#x4E00;&#x822C;&#x7528;&#x4E8E;&#x6837;&#x5F0F;&#x5316;&#x76F8;&#x5173;&#x7684;&#x9700;&#x6C42;&#xFF08;&#x4F7F;&#x7528;&#xA0;class&#xA0;&#x6216;&#xA0;id &#x7279;&#x6027;) &#x6216;&#x8005;&#x5BF9;&#x5177;&#x6709;&#x76F8;&#x540C;&#x7279;&#x6027;&#x7684;&#x4E00;&#x7EC4;&#x5143;&#x7D20;&#x8FDB;&#x884C;&#x5206;&#x7EC4; (&#x6BD4;&#x5982; lang)&#xFF0C;&#x5B83;&#x5E94;&#x8BE5;&#x5728;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x5176;&#x5B83;&#x8BED;&#x4E49;&#x5143;&#x7D20;&#x53EF;&#x7528;&#x662F;&#x624D;&#x4F7F;&#x7528;&#xA0;(&#x6BD4;&#x5982; &lt;article&gt; &#x6216;&#xA0;&lt;nav&gt;) &#x3002;\"><code>&lt;div&gt;</code></a> \u662f\u4e00\u4e2a\u00a0<a href=\"/en-US/docs/HTML/Block-level_elements\">\u5757\u5143\u7d20</a> \u800c <code>&lt;span&gt;</code> \u5219\u662f <a href=\"/en-US/docs/HTML/Inline_elements\"> \u884c\u5185\u5143\u7d20 </a>.", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-03-24T01:39:48", "review_tags": ["editorial"]}], "modified": "2016-06-03T02:22:50", "label": "span", "localization_tags": [], "locale": "es", "id": 821, "last_edit": "2016-06-03T02:22:49", "summary": "<strong>span</strong> - <em>abarcar</em>. Es un contenedor en l\u00ednea. Sirve para aplicar estilo al texto o agrupar elementos en l\u00ednea.", "sections": [{"id": "Definici.C3.B3n", "title": "Definici\u00f3n"}, {"id": "Atributos", "title": "Atributos"}, {"id": "Ejemplos_de_uso", "title": "Ejemplos de uso"}, {"id": "div_y_span", "title": "div y span"}, {"id": "Ejemplo_de_div_y_span", "title": "Ejemplo de div y span"}, {"id": "Estilo_predeterminado", "title": "Estilo predeterminado"}, {"id": "Notas", "title": "Notas"}, {"id": "Referencia", "title": "Referencia"}, {"id": "Soporte", "title": "Soporte"}], "slug": "Web/HTML/Elemento/span", "review_tags": []}