Con el propósito de aplicar el resaltado y eliminación con lenguaje HTML aprenderemos a
realizar modificaciones de textos a nivel semántico en páginas web. En ocasiones, cuando se actualizan
las páginas web son eliminadas líneas
de código, lo cual genera problemas a futuro cuando se necesita dicha
información. Por lo tanto, aplicaremos cambios a un documento HTML, sin borrar
físicamente información valiosa para el futuro.
Como creadores de proyectos web o aplicaciones, en ocasiones tenemos
la necesidad de resaltar un texto, para enfatizar la importancia de una
información sobre otra. La etiqueta utilizada para este procedimiento es strong, traducida al español sería
fuerte. Toda frase encerrada por la misma, tiene mayor importancia en relación
al resto del párrafo. Es necesario crear su inicio y cierre para realizar su
función correctamente. En el editor de preferencia, agregamos el texto a
resaltar, como se muestra a continuación:
061-01_0306_cap01. Creación de la etiqueta strong
Aunque el texto con la etiqueta strong se ha resaltado en negrita, es
posible modificarlo cuando se realizan especificaciones de estilos a la página web. En indispensable tomar en cuenta el
navegador web, el cual interpreta
como importante la palabra marcada con la etiqueta strong. Además, dicha etiqueta permite ubicar más rápido una
palabra, cuando un usuario realiza una búsqueda sobre ese tema en el navegador.
061-01_0306_ilu01. Vista del usuario de la etiqueta strong
Se tiende a confundir entre usar
las etiquetas b y strong, debido al resaltado en negrita
de ambas por el navegador web, de
forma predeterminada. Sin embargo, la diferencia es:
- La
etiqueta bold es interpretada por el
navegador como una palabra en negrita, lo cual es realizable también a través
de estilos de página.
- La
etiqueta strong: todo navegador web la interpreta como importante.
Además, suceden casos donde se
cambia la presentación de palabras relevantes, y se utiliza un color diferente
a negrita. Ambas etiquetas tendrán una visualización diferente de la otra.
061-01_0306_cap02. Creación de etiqueta strong y bold
061-01_0306_ilu02. Vista del usuario de la etiqueta strong y bold
Otro elemento útil es la etiqueta s, permite mostrar un contenido sin importancia,
debido a la existencia de nueva información con más valor. Con esta etiqueta se
muestra el texto de la misma forma al especificar del, sin embargo la diferencia entre ambas etiquetas es:
- Para indicar
el valor de una información sobre otra de forma semántica utilizamos s.
- Para
realizar la eliminación de un texto, la etiqueta del.
En la ilustración observamos la
vista del usuario:
061-01_0306_ilu03. Cración de etiqueta s y del
Keynotes- En ocasiones tenemos la necesidad de
resaltar un texto, para enfatizar la importancia de una información sobre otra.
La etiqueta utilizada para este procedimiento es strong, traducida al español sería fuerte. Toda frase encerrada por
la misma, tiene mayor importancia en relación al resto del párrafo.
- Aunque el texto con la etiqueta strong se ha resaltado en negrita, es
posible modificarlo cuando se realizan especificaciones de estilos a la página web.
- La etiqueta bold es interpretada por el navegador como una palabra en negrita,
lo cual es realizable también a través de estilos de página.
- La etiqueta strong: todo navegador web
la interpreta como importante.
- La etiqueta s, permite mostrar un contenido sin importancia, debido a la existencia
de nueva información con más valor. Con esta etiqueta se muestra el texto de la
misma forma al especificar del,
- Para indicar el valor de una información
sobre otra de forma semántica utilizamos s.
Para realizar la eliminación de un texto, la etiqueta del.
RetoAplica con precisión
modificaciones de texto en cinco partes diferentes del documento proyecto01. Es necesario tanto realizar
resaltados como eliminación del mismo, con todas las etiqetas aprendidas. Ubica
las recomendaciones oficiales a fin de cumplirlas con exactitud.
¡Comparte el resultado de tu reto
en vKonntact y con tus compañeros
debate sobre el tema
Tiempo disponible: entre 15 y
30 minutos.
CierreCon la modificación de texto a nivel semántico, tenemos la facilidad de
utilizar códigos previamente eliminados de forma lógica. Además, aplicamos resaltado de textos correctamente a documentos HTML,
según las recomendaciones oficiales de este lenguaje. Con paciencia y lectura
constante dominaremos las nuevas etiquetas semánticas para modificaciones de
texto.
