Semántica de formato HTML

Aprenda cómo usar la semántica de los elementos HTML para añadir significado a las selecciones del Jabberwocky de Lewis Carroll.

  • Click here for the full video transcript

    ALICE: Querida Daisy, encontré este poema, y parece importante, pero no puedo encontrar una parte de él que pueda leer, ya que está todo en algún lenguaje que no conozco. Quizás es un latin confuso, o alguna parte del texto de lipsum. Puedes ayudarme a que esta información desconcertante tenga sentido? Sinceramente, Alice.

    DAISY: Sevot yhtils eht dna… vaya, esto es inusual. Quizás el código HTML nos dé algunas pistas.

    Porque es un elemento de anulación bidireccional, por supuesto! Y si cambio el atributo de dirección de izquierda a derecha en lugar de derecha a izquierda, todas las palabras irán por el camino correcto de nuevo.

    Asurraba. Los viscovivos toves tadralando en las vaparas, ruetaban; misébiles estaban los borgoves, mientras los verdos momios bratchilbaban. Hmm… parece muy bonito, pero es bastante dificil de entender! Tal vez, si utilizamos etiquetas semánticas de html para darle formato al texto, puede que tenga mas asentido. Como aquí, por ejemplo.

    Esto parece como una palabra importante de advertencia, por lo que deberíamos poner la palabra peligro en negritas. Podríamos usar la etiqueta b para hacer eso, pero la etiqueta fuerte es mejor, ya que no solo pone el texto en negritas, también le indica a tu buscador web que la palabra peligro es una palabra importante.

    Además esta es la primera vez que la palabra Jabberwock es explicada, por lo que podríamos agregar eso en la etiqueta de definición.

    Otra forma de agregar significado al texto es con la etiqueta de énfasis. Ésta puede ser útil aquí para agregar intensidad al efecto de sonido “snicker-snack”.

    Alguien ha matado algo aquí: eso queda claro. Creo que lo voy a destacar con la etiqueta de marca

    Ahora, esta parte donde el hombre ríe alegremente, es una breve cita. La etiqueta q es perfecta para ello.

    Bien, leamoslo ahora. Asurraba. los viscovivos toves tadralando en las vaparas ruetaban; misébiles estaban los borgoves, mientras los verdos momios bratchilbaban. Cuidado hijo con el Fablistanón! con sus dientes y garras muerde, apresa! Cuidado con el pájaro Sonsón, y rehuye al frumioso Magnapresa! Blandiendo su montante vorpalino al monstruo largo tiempo persiguió… Bajo el arbol Tumtum luego se vino y un rato cavilando se quedó. Y estando en su aviesal cavilación, llegó el Fablistanón, ojo flagrante, tufando por el bosque fosfuscón y se acerco veloz y burbujante. Un, dos! Un, dos! De parte a parte le atraviesa varias veces el vorpalino acero; Y muerto el monstruo izando la cabeza regresó galofando muy ligero. ¿De verdad al Fablistanon has muerto? ¡Ven que te abrace, niño radioroso! ¡Que día! ¡Hurra! ¡Hurra! ¡Que risoto, carcajante y jubiloso! Asurraba. Los viscovivos toves tadralando en las vaparas, ruetaban; misébiles estaban los borgoves, mientras los verdos momios bratchilbaban.

    De alguna manera, parece llenar mi cabeza de ideas – ¡solo que no se exactamente que son!

    Utilizamos etiquetas semánticas de HTML para darle significado a un extraño poema el día de hoy. Estas etiquetas cambiaron la apariencia de nuestro texto, pero aprendimos que deberían solo ser usadas si ellas son apropiadas para el contenido.

    La próxima vez aprenderemos como hacer nuestra propia lista de los 10 mejores con las etiquetas ol y ul.

Únete al debate

Subscribe to our Mailing List

Stay up to date on the latest videos and tutorials with our monthly newsletter

The email entered is invalid
×