¿Que son as ligazóns de marcador de posición HTML5 para?
idUp ata HTML5, a etiqueta requiriu un atributo: href. Pero HTML5 fai que ese atributo sexa opcional. Cando escribe unha etiqueta sen atributos, chámase unha ligazón de espazo reservado.
Unha ligazón de espazo reservado é así:
anteriorEmpregando as ligazóns de lugar durante o desenvolvemento
Case todos os deseñadores web crearon enlaces de marcador de posición nun momento ou outro ao proxecto e construír un sitio web. Antes de HTML5, escribiríamos:
texto da ligazóncomo marcador de posición. E enviarei sitios de simulación aos clientes cos marcadores reservados só para que o cliente me pregunte "por que non funcionan as ligazóns no texto?"
O problema co uso dun hashtag (#) como enlace de marcador de posición é que se pode facer clic na ligazón e isto pode causar confusión para os seus clientes. E, se alguén se esquece de actualiza-los cos URL correctos, esas ligazóns poden aparecer rotas no sitio en directo porque non se ligan a nada.
En cambio, debes comezar a usar etiquetas sen ningún atributo. Pódese estilizar para que parezan calquera outra ligazón na súa páxina, pero non se poderán facer clics porque son só os marcadores de posición.
Usando as ligazóns de marcador de posición nos sitios en directo
Pero as ligazóns de marcador de posición teñen un lugar no deseño web máis que ao desenvolvemento. Un lugar que pode enlazar un enlace de marcador de posición está na navegación. En moitos casos, as listas de navegación do sitio web teñen algún xeito de indicar a páxina na que estás. Estes adoitan denominarse indicadores "Estás aquí".
A maioría dos sitios dependen dos atributos de identificación do elemento que precisa do marcador "está aquí", pero algúns tamén usan o atributo class. Non obstante, calquera que sexa o atributo que empregue, cómpre facer unha chea de traballo a cada páxina que teña a navegación nel, engadindo e eliminando o atributo dos elementos correctos.
Cunha ligazón de espazo reservado, pode escribir a súa navegación como desexa, e simplemente elimine o atributo href da ligazón axeitada cando engada a navegación a unha páxina. Eu almacene toda a miña lista de navegación como fragmento no meu editor, polo que é só un copiado rápido e, a continuación, elimine o href. Tamén pode obter o seu CMS para facer o mesmo.
E ademais de engadir un estilo especial (vou amosarche como a continuación) a unha ligazón de espazo reservado, a ligazón non se pode facer clic. Polo tanto, os clientes non se confunden pensando que poden obter outra cousa se fan clic na ligazón de navegación onde están actualmente.
Ligazóns de marcador de estilo
As ligazóns de marcador de posición son fáciles de estilo e estilo de forma diferente das outras ligazóns da túa páxina web. Simplemente asegúrese de etiquetar tanto a marca como a a: ligazón. Por exemplo:
a {cor: vermello; fonte-peso: negra; text-decoration: ningunha; } a: ligazón {cor: azul; fonte-peso: normal; text-decoration: subliñado; }Este CSS fará as ligazóns de marcador de posición en negra e vermella, sen ningún subliñado. Mentres as ligazóns regulares serán de peso normal, azul e subliñado.
Lembre restablecer os estilos que non queiras que estean cargados da etiqueta. Por exemplo, fixe o tipo de letra en negrita para as ligazóns de marcador de posición, polo que tiven que configuralo para:
fonte-peso: normal;para as ligazóns estándar. O mesmo é verdadeiro coa decoración de texto, eliminándoo co selector, sería eliminado para o selector de ligazón a: se non o volvía a colocar.