Skip to content

O objetivo dos links de espaço reservado HTML

7 de junho de 2021

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 nenhum atributo, 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 ao projetar e construir um site. Antes do HTML5, um programador escreveria o seguinte como um marcador de posição: texto do link

class = “ql-syntax”> O problema de usar uma hashtag (#) como 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 marcadores de posição.

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: a {
cor vermelha;
intensidade da fonte: Negrito;
decoração de texto: nenhum;
}
a: link {
cor azul;
peso da fonte: normal;
decoração de texto: sublinhado;
}

Este 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 todos os estilos que você não deseja que sejam transportados da tag a. Por exemplo, o peso da fonte é definido como negrito para os links de espaço reservado, portanto, para links padrão, você terá que defini-lo como: peso da fonte: normal;

O mesmo acontece com a decoração do 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.

Formato mla apa chicago Sua Citação

Kyrnin, Jennifer. “O objetivo dos links de espaço reservado para HTML.” ThoughtCo, maio. 14 de 2021, thinkingco.com/html5-placeholder-links-3468070.
Kyrnin, Jennifer. (2021, 14 de maio). O objetivo dos links de marcador de posição HTML. Obtido em https://www.thoughtco.com/html5-placeholder-links-3468070
Kyrnin, Jennifer. “O objetivo dos links de espaço reservado para HTML.” ThoughtCo. https://www.thoughtco.com/html5-placeholder-links-3468070 (acessado em 7 de junho de 2021).