Até o lançamento do HTML5, a tag exigia um atributo: href. Mas o HTML5 torna até mesmo esse atributo opcional. Quando você escreve a tag sem atributos, ela é chamada de link de espaço reservado.
Um link de espaço reservado é assim:
Usando links de espaço reservado durante o desenvolvimento
Quase todos os web designers criaram links de espaço reservado de uma vez ou outra enquanto projetam e constroem um website. Antes do HTML5, um programador escreveria o seguinte como um espaço reservado:
Texto do link
O problema de usar uma hashtag (#) como um link de espaço reservado é que o link é clicável e isso pode causar confusão para seus clientes. E, se um desenvolvedor esquecer de atualizá-los com os URLs corretos, esses links simplesmente mostrarão a mesma página em que o usuário está se for clicado.
Em vez disso, você deve começar a usar tags sem nenhum atributo. Você pode estilizá-los para que se pareçam com qualquer outro link em sua página, mas eles não serão clicáveis, pois são apenas espaços reservados.
Usando links de espaço reservado em sites ao vivo
Os links de espaço reservado têm um lugar no design da web para mais do que apenas desenvolvimento. Um lugar que um link de espaço reservado pode brilhar é em 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 dos atributos id no elemento que precisa do marcador "você está aqui", mas alguns usam o atributo class também. No entanto, qualquer que seja o atributo usado, você precisa fazer muito trabalho extra para cada página que tenha a navegação nele, 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 quando 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, por isso é apenas um copiar e colar rápido. Você pode então simplesmente excluir 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 estilo de maneira diferente dos outros links da sua página da web. Apenas certifique-se de estilizar a tag a e a tag a: link. Por exemplo:
um {cor: vermelho; intensidade da fonte: Negrito; text-decoration: nenhum; } a: link {cor: azul; font-weight: normal; text-decoration: sublinhado; }
Esse CSS tornará os links de espaço reservado em negrito e vermelho, sem sublinhado. Links regulares serão de peso normal, azul e sublinhado embora.
Lembre-se de redefinir todos os estilos que você não quer que sejam transportados da tag a. Por exemplo, o peso da fonte é definido como negrito para os links de espaço reservado, portanto, você terá que configurá-lo para:
font-weight: normal;
para links padrão. O mesmo acontece com a decoração de texto. Ao removê-lo com o seletor, ele teria sido removido do seletor de link a: se eu não o colocasse de volta.
