19
¿Cuál es el propósito del elemento¿Qué es <span></span> elemento?
<span></span>
? ¿Y dónde deberíamos usarlo?
A
Respuesta
28
De here:
definición y el uso
La etiqueta proporciona ninguna cambio visual por sí mismo.
La etiqueta proporciona una forma de agregar un gancho a una parte de un texto o una parte de un documento.
Cuando el texto se engancha en un elemento span puede agregar estilos con el contenido , o manipular el contenido con, por ejemplo JavaScript.
Por lo tanto, la versión corta es que es el estilo de un texto (sin salto de línea o un párrafo que es diferente de <div> etiqueta)
+1
+1. Un ejemplo típico es usarlo para hacer que un texto tenga un color de fondo diferente (o cualquier otro elemento de estilo que no tenga su propia etiqueta HTML). –
+1
¿No es w3schools una mala referencia para usar? –
6
Es sólo una manera de agrupar de forma lógica sub-elementos juntos. También puede aplicar estilos, etc. en este nivel que se descenderá en cascada.
Eche un vistazo a wikipedia article que profundiza un poco.
7
Es para agrupar elementos HTML y el contenido para la estructura de la aplicación, definido para HTML 4.0 en http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.4:
Los elementos DIV y SPAN, en conjuntamente con el ID y la clase atributos, ofrecer una mecanismo genérico para agregar estructura a los documentos. Estos elementos definen el contenido como en línea (SPAN) o nivel de bloque (DIV) pero no imponen otras expresiones de presentación en el contenido. Por lo tanto, los autores pueden usar estos elementos junto con las hojas de estilo , el atributo lang, etc., para adaptar HTML a sus propias necesidades y gustos .
Continúa para dar un ejemplo del uso.
4
Span no tiene ningún significado estructural para el documento (como h1, por ejemplo), pero puede usarse como contenedor cuando ninguno de los otros contenedores en línea es apropiado. Por ejemplo, utilizaría un tramo si necesitara aplicar CSS a un pequeño fragmento de texto dentro de otro texto.
+0
¿qué quieres decir con significado estructural? – user1451111
4
La etiqueta span simplemente le dice al navegador para aplicar lo cambios de estilo cada vez se incluyen en el lapso y si no hay un estilo en el lapso entonces no habría ningún formato aplicado al texto adjunto. Esto es un poco diferente de la etiqueta div que incorpora un salto de párrafo incluso si no se incluyen opciones de estilo dentro de un div.
Por lo tanto, es útil cuando desea aplicar estilos a elementos sin colocarlos en un bloque separado.
aplausos
1
Es sólo un marcador de posición para Javascript o CSS.
Si no utiliza javascript/css, no tiene utilidad para usted.
+1
Basura puede diseñar tramos si así lo desea. –
+0
¿Qué tiene tanta basura, mP? "Es solo un marcador de posición para javascript o css". entonces cualquiera puede manipularlo, SI él/ella sabe css/javascript. ¿Puede decirme, si él/ella no sabe acerca de javascript/css, qué significa para él/ella? Y no he dicho que no tenga estilo. Lo que quise decir es que la etiqueta solo es útil para aquellos javascripter o css'er, para diseño interactivo o diseño gráfico. – janetsmith
+1
Tu respuesta es un poco engañosa. Es un elemento marcador de posición - como un div - con una diferencia de no ser un elemento de bloque - se representa como un elemento en línea. No tiene estilo por defecto. Puede ser diseñado. No tiene ningún significado semántico. – easwee
3
Además del estilo/agrupamiento/scripting, los tramos pueden dar funcionalidad real y/o significado a los bits de texto. Considere los siguientes:
<p>This <span title="Punk IPA">beer</span> tastes good.</p>
<p>Come on, <span lang="kr">여보</span>!`</p>
<p>Hello <span contenteditable="true">Wordl</span>!?</p>
También el dir, traducir o atributos de corrección ortográfica no son sólo para CSS o JS, pero utilizable por su cuenta también!
Cuestiones relacionadas
- 1. En PHP, ¿qué representa "<<<"?
- 2. Php ¿qué significa <<<?
- 3. <% $, <% @, <% =, <% # ... ¿cuál es el problema?
- 4. ¿Cuál es el nombre para el operador "<<<"?
- 5. ¿Por qué es {} <función() {}?
- 6. ¿Qué es <? = En C++?
- 7. En HTML5, ¿el elemento <form> es un elemento de sección, como <section>?
- 8. ¿Qué es impresión << EOF; y como esta funcionando?
- 9. ¿Qué idioma es eso? (<%REPEAT...%>, <opcional% ...%>)
- 10. ¿Qué significa el operador de Bash <<<?
- 11. ¿Por qué es Func <T> ambiguo con Func <IEnumerable <T>>?
- 12. ¿Qué significa << hacer en Python?
- 13. ¿Qué significa << representa en python?
- 14. ¿Qué hace (1U << X)?
- 15. ¿Qué significa "<< -" en Ruby?
- 16. ¿Qué es la Acción <string>?
- 17. ¿Qué es estático <E>?
- 18. ¿Qué es LinkedHashMap <k, v>?
- 19. Usando vim, ¿qué es "'<,'>"?
- 20. ¿Qué es httpd <defunct>?
- 21. ¿Por qué (?! ^) Es equivalente a (? <! ^)?
- 22. expresión PHP <<< EOB
- 23. ¿Qué significa <? = Mean?
- 24. ¿Qué significa <>?
- 25. cout << stringstream
- 26. ¿Qué hace "<%:" hacer?
- 27. El elemento <#text> debajo del elemento <Target> no está reconocido en Azure
- 28. ¿Cuál es la diferencia entre <% %> y <%=%>?
- 29. IList <T> vs IEnumerable <T>. ¿Qué es más eficiente IList <T> o IEnumerable <T>
- 30. Styling el elemento <hr />
Span está muy centrado en CSS. No agrega marcado por sí mismo pero le permite aplicar una ID, un estilo o una clase a un fragmento de html. Por ejemplo, en lugar de usar algún texto usaría alguna prueba, o algo similar. – Wedge
@Wedge: pequeño error tipográfico alguna prueba debe ser alguna prueba – Xn0vv3r
Esta pregunta parece estar fuera de tema porque puede puede ser respondido fácilmente por cualquiera de las miles de referencias en línea y se trata de un problema de codificación particular. – j08691