¿Qué significa span en html? Etiqueta de texto principal: intervalo

Como desarrollador web, no puedo evitar sentir que todas estas recomendaciones son increíblemente engañosas en 2015.

Claro, la etiqueta "p" estaba destinada a usarse como párrafo en algún momento... pero en el 100% de mis aplicaciones, diseños y desarrollo general cotidiano, no hemos visto nada más que las limitaciones impuestas por la Etiqueta "p"... no ofrece ningún beneficio en la Internet actual.

Yo diría que si, la “p” es descriptiva y por eso si pasó todo esto; "describe algo", estaré totalmente a favor de eso... pero NO solo describe el contenido, sino que directamente lo sustituye ALTERA el contenido, que si bien ya es limitado en sí mismo, no es todo lo que hace, también LIMITA el contenido. No entiendo por qué alguien en su sano juicio cubriría intencionalmente el componente fundamental cuando se trata de desarrollo web. Desde una perspectiva de diseño, esto no tiene sentido. Desde un punto de vista estructural esto no tiene sentido. De cualquiera de las manipulaciones DOM de PERIOD, esta no tiene sentido.

Hemos dejado de usar colectivamente la etiqueta "p" excepto cuando es absolutamente necesario (como las pulsaciones del diccionario del cliente, cosas estúpidas como esa). No hay excusa por la que no podemos describir casi todo con clases e identificadores bien nombrados, por lo que no vemos ninguna razón para ceder ante "estándares" que no brindan ningún beneficio y, de hecho, CONTAR cada pieza del rompecabezas, Etiqueta "p " no ayuda al desarrollador, al usuario final ni a los motores de búsqueda modernos. En pocas palabras... La etiqueta "p" está casi obsoleta incluso en implementaciones remotamente complejas (y con muy buenas razones), ¡no permita que los comentarios de esos controles nazis estándar muestren su contenido!

Incluso en este mismo sitio, dirigido a los desarrolladores, la PARTE SUPERIOR de su propia página tiene una pequeña parte emergente que podría usar una etiqueta "p", ya que contiene suficiente texto para ir a la segunda línea, pero está completamente capturada. en un DIV (y sólo div, no div -> p) por un número casi infinito de razones... en primer lugar, hoy "p" Apesta en comparación con cualquier bloque bien descrito creado a partir de un DIV que también esté bien descrito (más aún... digo) como un párrafo "p" con una identificación muy descriptiva = "publicidad".

De Stackoverflow:

Stack Overflow es un sitio de preguntas y respuestas para programadores profesionales y entusiastas. Es 100% gratis, no es necesario registrarse.

estoy hablando con

y vivir mucho tiempo

yo rockeo

Y sí, aprecio nuestros estándares web actuales y cosas como esta todavía tienen un lugar, incluso ofreciendo capacidades para hacer cosas con algunos navegadores modernos que no se pueden lograr con un contenedor, pero eso es lo que es, en particular, el roto. El elemento "p", como parte del HTML reestructurado y modernizado... debería haber sido dejado en la tumba donde pertenece... esta es la generación de sitios web donde los párrafos ya no son párrafos para siempre. los bloques literalmente cambian... simplemente está desactualizado y es poco práctico.

Presentar información a través de la idea moderna de hipertexto es inherentemente absurdo, pero así es y así funciona. No se puede discutir con esto y hay que tenerlo en cuenta.

Desde el punto de vista de un lenguaje de programación moderno, no importa cómo se presenten los datos: tipos estrictos y una descripción preliminar obligatoria, o no hay tipos y el propio lenguaje "piensa" la descripción necesaria a medida que se ejecuta el algoritmo.

Es importante tener en cuenta que todo lo que no sea "comprendido" por el navegador, JavaScript o el lenguaje del lado del servidor no se ejecutará. Una etiqueta de bloque en las circunstancias actuales puede "convertirse" en una etiqueta en línea, pero una etiqueta en minúsculas no puede convertirse en una etiqueta de bloque.

Lógica de la página HTML

Un ejemplo histórico es la etiqueta de fuente HTML. Su uso está “no recomendado” desde hace bastante tiempo. La motivación “no recomendado” es un rasgo característico de la programación moderna. Falta de compatibilidad de código “hacia arriba” entre versiones y tampoco estabilidad en el desarrollo consistente de versiones de componentes y conceptos de software.

De hecho, la etiqueta span en HTML es mucho más práctica: no se refiere sólo a la fuente. Span puede cambiar muchos atributos de visualización y uso de contenido específico.

Las cadenas siempre han sido la representación principal de cualquier dato, pero los lenguajes de programación no siempre han definido esto en la sintaxis y los programadores han sido conscientes de que el número o valor booleano utilizado es siempre una cadena.

El absurdo y la objetividad del hipertexto en la implementación de HTML: el diseño es el uso de un conjunto de etiquetas (parejas o individuales) para describir formalmente el contenido (datos). Ni la descripción ni el contenido pueden calificarse razonablemente como información. El primero es un cierto marco en el que encajan algunos contenidos (datos).

El marco está construido a partir de ladrillos rígidamente fijados (etiquetas), que ocupan lugares estrictamente definidos en la estructura, y elementos relativos, que se organizan "a medida que cae la tarjeta".

Puede dividir la página en secciones para mostrar datos usando tablas o elementos de bloque, y puede "rellenar" la estructura resultante con datos con otras etiquetas. Por lo general, se denominan minúsculas, es decir, se ubican de una manera que determina la oportunidad actual y el contenido actual.

Ejemplo de extensión HTML: qué es y cómo describirlo

El cuadro verde muestra un ejemplo del código que muestra el navegador sobre un fondo gris. El elemento block div terminó en el centro del texto que le sigue en el código. El primer elemento fue una etiqueta con la clase scSpanLine. Luego se colocó el texto en el que se resaltaron dos secciones de este texto usando la etiqueta span con la clase scSimpleSpan.

Los elementos de la segunda y tercera línea están ubicados exactamente como está escrito en el código.

Este ejemplo muestra cómo funciona span en HTML. Es obvio que esto es sólo una secuencia de datos. Otra cosa no es obvia: el desarrollador puede describir esta etiqueta como quiera, incluso puede aplicar la regla:

  • POSICIÓN: absoluta;

No habrá ningún efecto. La especificación de coordenadas y dimensiones tampoco juega ningún papel. Centrar o alinear tramos en HTML es inútil. Mientras tanto, la etiqueta es muy práctica y tiene mucha demanda en la práctica. Este es un contenedor muy conveniente para resaltar un punto importante en el flujo de datos general.

Lo principal es comprender que span HTML es una forma de cambiar la visualización de una línea o aclarar las reglas para mostrar parte de una línea.

Lógica para proporcionar información de línea.

Usar el lenguaje de descripción de datos HTML para el propósito previsto, es decir, describir datos, es cosa del pasado. Usar un lenguaje del lado del servidor para formar el cuerpo de una página es moderno y “todos” los desarrolladores lo hacen. Los sistemas de gestión de contenidos (CMS) están especialmente interesados ​​en esto.

La verdadera práctica y necesidad de crear sitios web activos es la gestión dinámica del marco de la página y su contenido. En este sentido, la etiqueta span en HTML (que es simplemente dinámica), como resultado de JavaScript, permite crear contenido dinámico sobre la marcha.

JavaScript funciona como un convertidor de texto fuente en texto formateado e inserta las etiquetas necesarias con las reglas CSS necesarias en el flujo saliente, que se distribuye en el marco de elementos a nivel de bloque de la página.

Cuanto mayor sea la profesionalidad del desarrollador, mayor será el diseño de bloques (o tablas) de la página y menor será la presencia real de etiquetas span estáticas en HTML. ¿Qué aporta esto? Dinámica. JavaScript es un algoritmo que puede trabajar en un flujo entrante de cadenas y representarlo de la forma prevista por el desarrollador. Las etiquetas de intervalo aparecerán en el lugar correcto y en el momento correcto.

¡Hola a todos!

Andrey está contigo otra vez.

Hoy se le ofrecerán 2 versiones de la lección. Uno está en forma de texto: puede verlo ante sus ojos y el segundo en VIDEO, deberá descargarlo.

En nuestra opinión, la versión en vídeo le resultará más comprensible.

Entonces, sobre elementos html adicionales...

Digamos que necesita resaltar una determinada palabra en el texto (digamos con un color y fondo diferente), o para que la imagen y el texto relacionado con ella estén en la parte superior y a la derecha en una celda de la tabla, y la principal El contenido de la página está, por ejemplo, en la parte inferior y más cerca del borde izquierdo. Respecto al primer ejemplo, diré que puedes hacer esto con una etiqueta. con un conjunto de parámetros necesarios, pero pertenece a etiquetas prohibidas (es posible que los nuevos navegadores no lo admitan) y no tiene la propiedad de reemplazar el fondo.

Para tales casos, se proporcionan dos etiquetas específicas, que esencialmente no hacen nada por sí solas. Pero si les aplicas los estilos adecuados, puedes lograr cualquier cosa. Por lo general, puede usar solo estas dos etiquetas y aplicarles estilos para crear la página completa del sitio.

Entonces estas son las etiquetas.

Y .

¿Cuál es la diferencia entre ellos si se usan para lo mismo?

elemento div- Esta es una etiqueta de bloque y puede contener cualquier etiqueta que conozcamos (listas, imágenes, tablas...).

elemento de tramo- Esta es una etiqueta en línea y se aplica exclusivamente al texto (resalte un fragmento de texto con un color diferente).

Los estilos que se aplican a estas etiquetas son todos los estilos que hemos estudiado. No hay restricciones en el uso de ningún estilo.

Veamos los estilos más típicos de estas etiquetas. Se aplican a todas las demás etiquetas y se usan de la misma manera, solo que se usan más a menudo con estas etiquetas (especialmente para

) .

El primer lugar donde me gustaría empezar es con el posicionamiento de los elementos.

Esta propiedad:

posición— establece o define la posición de un elemento.

Valores:

estático- por defecto. La posición del objeto está determinada por el marcado HTML actual de acuerdo con reglas estándar.

absoluto— la posición del objeto se determina en relación con la posición del objeto principal o en relación con el objeto del cuerpo. relativo— La posición de un objeto está determinada por el desplazamiento desde la posición en la que apareció de forma predeterminada.

izquierda/arriba— establece o determina la posición del elemento en relación con el borde izquierdo/superior.

Valores:

incógnita– número en porcentaje o píxeles.

auto— valor predeterminado.

Veamos un ejemplo:

HTML

¡Cualquier contenido de bloque!

Este ejemplo muestra que nuestro cuadro de 300 px de ancho se moverá 350 px hacia abajo y 200 px hacia la izquierda, en relación con donde aparece de forma predeterminada.

La siguiente propiedad importante:

margen– la cantidad de sangría de nuestro bloque a los objetos vecinos en cuatro lados.

Valores:

margen superior— establece la cantidad del margen superior del objeto

margen izquierdo— establece la cantidad de sangría izquierda del objeto

margen derecho— establece la cantidad de sangría derecha del objeto

margen inferior— establece el valor de la sangría inferior del objeto

HTML

¡Cualquier contenido de bloque!

Creamos un bloque con márgenes de 30px a su alrededor desde todos sus lados.

¿En qué más me gustaría detenerme?

relleno– la propiedad especifica la cantidad de espacio insertado entre el objeto y sus límites.

Valores:

fondo acolchado— especifica la cantidad de espacio insertado entre el objeto y su borde inferior.

relleno-izquierda— especifica la cantidad de espacio insertado entre el objeto y su borde izquierdo.

relleno-derecha- especifica la cantidad de espacio insertado entre el objeto y su borde derecho.

tapa acolchada- especifica la cantidad de espacio insertado entre el objeto y su borde superior.

HTML

¡Cualquier contenido de bloque!

Creamos un bloque con un relleno de 30px desde el contenido hasta todos sus lados.

Y veamos un ejemplo usando la etiqueta:

Digamos que tenemos una construcción como:

¡Cualquier texto!

Queremos que la palabra sea texto sobre un fondo amarillo con letras azules. Para ello, lo encerraremos en una etiqueta y le aplicaremos los estilos adecuados.

Al formatear texto usando CSS, la etiqueta más utilizada es . Significa "sólo un bloque de texto". Es decir, no tiene ningún significado propio especial. Además, esta etiqueta no cambia la visualización del texto de ninguna manera.

Sin embargo, se agrega un significado adicional a esta etiqueta mediante clases. Por ejemplo:

Y ya para la clase, usando CSS, establecen estilos y así cambian el diseño.

ir a la tarea

  • índice.html Modo dividido
  • estilo.css Modo dividido

HTML

Etiqueta de texto principal: intervalo

Mejora progresiva

No se puede simplemente seguir adelante y hablar de Mejora Progresiva sin mencionar la Degradación Graciosa. ¿Cuál es la diferencia entre estos conceptos? Como se mencionó en un artículo anterior, Graceful Degradation se puede traducir como tolerancia a fallas.

Este es un concepto muy amplio, pero en el contexto de la web puede entenderse como tolerancia a fallas de las interfaces web del cliente, partes del servidor de los sitios, etc. En este artículo, la degradación elegante se entenderá como la tolerancia a fallos de las interfaces del cliente web.



CSS

Importante (peso de fuente: negrita; estilo de fuente: cursiva;) .note (tamaño de fuente: 0.8em; color: #999999;) .error (decoración de texto: línea continua; color: rojo;)

Comprobar en el servidorLa comprobación tardó demasiado, inténtalo de nuevo. Mostrar respuesta

Inicio automático




Arriba