Aprende unha forma fácil de eliminar os subliñados das ligazóns en HTML

Moitos deseñadores non se preocupan polo aspecto do texto subliñado, especialmente en bloques de contido densos con moitas conexións. Todas esas palabras subliñadas poden realmente romper o fluxo de lectura dun documento. Moitos argumentaron que os subliñados realmente fan que as palabras sexan máis difíciles de distinguir e ler rapidamente polo xeito en que o subliñado cambia as formas de letra naturais.

Non obstante, existen beneficios lexítimos para manter estes subliñados enlaces de texto. Por exemplo, cando navega por grandes bloques de texto, as ligazóns subliñadas xunto co contraste de cores axeitadas facilitan aos lectores a inmediata análise dunha páxina e ver onde están as ligazóns. Se ollar os artigos de deseño web aquí en About.com, así como outros artigos no sitio, verá este estilo de enlaces subliñados no lugar.

Se decides eliminar as ligazóns do texto (un proceso sinxelo que cubriremos en breve), asegúrate de atopar formas de estilizar ese texto para diferenciar aínda máis o que é un enlace do que é un texto sinxelo. Isto faise máis frecuente co contraste de cores mencionado anteriormente, pero a cor só pode supoñer un problema para os visitantes con deficiencias visuais como a ceguera de cor. Dependendo da súa particular forma de cegueira de cores, o contraste pódese perder por completo neles, impedindo que vexan a diferenza entre o texto ligado e non vinculado. É por iso que o texto subliñado aínda se considera a mellor forma de mostrar ligazóns.

Entón, como desactivas un subliñado se aínda queres facelo? Dado que se trata dunha característica visual que nos preocupa, recorreremos á parte do noso sitio web que manexa todo o aspecto visual - CSS.

Utiliza follas de estilo en cadea de acuarela para desactivar as subliñadas nas ligazóns

Na maioría dos casos, non está a buscar converter unha subliñada en só unha ligazón de texto. No seu canto, o estilo de deseño probablemente requira que elimine subliñados de todos os enlaces. Vai facer isto engadindo estilos á súa folla de estilo externa.

É iso mesmo! Esa sinxela liña de CSS desactivaría o subliñado (que realmente usa a propiedade CSS para "decoración de texto") en todos os enlaces.

Tamén podería ser máis específico con este estilo. Por exemplo, se só quixese apagar o subliñado ou as ligazóns dentro do elemento "nav", podería escribir:

Agora, as ligazóns de texto na páxina obterían o subliñado por defecto, pero as que estiveran na nav eliminaríano.

Unha cousa que moitos deseñadores web escollen facer é converter a ligazón "on" cando alguén pasa por riba do texto. Isto faríase empregando o seguinte: pseudo-clase CSS deslizando así:

Usando CSS en liña

Como alternativa para facer cambios a unha folla de estilo externa, tamén pode engadir os estilos directamente ao elemento en HTML, así: