Até HTML5 foi lançado, a tag exigiu um atributo: href. Porém, o HTML5 torna até mesmo esse atributo opcional. Quando você escreve a tag sem quaisquer atributos, ela é chamada de link de espaço reservado.
Um link de espaço reservado é parecido com este:
Anterior
Usando links de espaço reservado durante o desenvolvimento
Quase todo web designer criou links de espaço reservado em um momento ou outro, enquanto projetar e construir um site. Antes do HTML5, um programador escreveria o seguinte como um marcador de posição:
Texto do link
O problema de usar um hashtag (#) como um link de espaço reservado é que o link pode ser clicado, e isso pode causar confusão para seus clientes. E, se um desenvolvedor se esquecer de atualizá-los com os URLs corretos, esses links simplesmente mostrarão a mesma página em que o usuário está se clicados.
Em vez disso, você deve começar a usar tags sem atributos. Você pode estilizá-los para se parecerem com qualquer outro link em sua página, mas eles não serão clicáveis porque são apenas espaços reservados.
Usando links de espaço reservado em sites ativos
Os links de espaço reservado têm um lugar no web design para mais do que apenas desenvolvimento. Um lugar onde um link de espaço reservado pode brilhar é nos elementos de navegação. Em muitos casos, as listas de navegação do site têm alguma maneira de indicar em qual página você está. Estes são freqüentemente chamados de indicadores “você está aqui”.
A maioria dos sites depende de atributos de id no elemento que precisa do marcador “você está aqui”, mas alguns usam o atributo de classe também. No entanto, qualquer que seja o atributo usado, você precisa fazer muito trabalho extra em cada página que contém a navegação, adicionando e removendo o atributo dos elementos corretos.
Com um link de espaço reservado, você pode escrever sua navegação como quiser e, em seguida, simplesmente remover o atributo href do link apropriado ao adicionar a navegação a uma página. Para o desenvolvimento, uma dica rápida para ajudar é armazenar toda a lista de navegação como um trecho de código em seu editor, portanto, basta copiar e colar rapidamente. Você pode então simplesmente deletar o href. Você também pode fazer com que seu sistema de gerenciamento de conteúdo (CMS) faça a mesma coisa.
Estilizando links de espaço reservado
Os links de espaço reservado são fáceis de estilizar e estilizar de maneira diferente dos outros links em sua página da web. Simplesmente certifique-se de estilizar a tag a e a tag a: link. Por exemplo:
uma {
cor vermelha;
intensidade da fonte: Negrito;
decoração de texto: nenhum;
}
a: link {
cor azul;
peso da fonte: normal;
decoração de texto: sublinhado;
}
Esta CSS deixará os links de espaço reservado em negrito e vermelho, sem sublinhado. Os links regulares serão de peso normal, azuis e sublinhados.
Lembre-se de redefinir qualquer estilos você não quer ser transportado da tag a. Por exemplo, a espessura da fonte é definida como negrito para os links de espaço reservado, portanto, para links padrão, você terá que definir para:
peso da fonte: normal;
O mesmo é verdade com o decoração de texto. Ao removê-lo com o seletor a, ele teria sido removido para o seletor a: link se não o colocássemos de volta.