10 tags HTML de coisas legais podem fazer
No momento, há um total de 142 elementos HTML padronizado pelo W3C, excluindo os que estão nas fases iniciais de padronização e os que se tornaram obsoletos. Dito isto, é possível perder ou esquecer alguns deles que podem ser úteis quando necessário.
Anteriormente fizemos uma recapitulação de alguns dos melhores truques CSS que você pode ter esquecido. Esta postagem irá lembrar algumas das tags HTML que você não sabia que você poderia usar para implementar recursos como:
1. Mapear Imagens
O HTML elementos podem ser usados para criar mapas de imagem. Mapas de imagem são basicamente imagens com áreas clicáveis, que podem ser vinculadas a outra página da Web ou a outras partes do mesmo documento. Você pode definir quais áreas de uma imagem são clicáveis simplesmente mencionando as coordenadas XY correspondentes desses pontos no
elementos aninhados dentro
.
Nota: As áreas clicáveis não podem ser estilizadas por CSS, portanto, se você quiser que esses marcadores sejam estilizados, use um software simples de edição de imagens para desenhar os marcadores..
Gorjeta: Se você quiser saber as coordenadas de um ponto em uma imagem, abra a imagem em um software de edição de imagem e mova o cursor até esse ponto, você poderá ver as coordenadas dele no próprio software. Para o GIMP, ele é mostrado no lado esquerdo da barra inferior.
2. Sugestões de entrada
Usar para fornecer uma lista de sugestões relevantes que aparecem durante a digitação de um valor de entrada.
3. Realçar texto
O texto destacado geralmente tem cor de texto escuro com um fundo claro. Você pode conseguir esse efeito de texto destacado apenas com a marcação. Qualquer texto dentro do terá esse efeito.
Você pode personalizar o cor de destaque com o cor de fundo
Propriedade CSS de e a cor do texto com o
cor
propriedade.
4. Definir modelos
Junto com o HTML5 veio o novo elemento. o
elemento contém marcações dentro dele que não são renderizadas pelos navegadores, a marcação incluída por ele deve ser usada para gerar conteúdos dinâmicos na página usando JavaScript.
Por exemplo, suponha que você tenha um Impressão refinada refere-se ao texto do documento que normalmente é impresso em tamanho muito pequeno, contendo informações como condições, termos, restrições, citações, direitos legais etc. o Nota: Todos os URLs relativos na página serão encaminhados com base no URL de base. Se você tiver um link com um domínio diferente, não se esqueça de atribuir o URL completo a ele. O desenvolvimento web responsivo está em voga com o crescente acesso móvel. As imagens podem ser alternadas para diferentes tamanhos de tela com marcação. o Nota: Atualmente, isso funciona apenas no Chrome. Você terá que definir O HTML5 introduziu muitos novos elementos de tipo de entrada; o elemento de entrada de cor é um deles. Ele permite que você escolha uma cor em uma página da Web com a ajuda de um seletor de cores. Se você tem muitas opções em uma lista suspensa e gostaria de mostrá-las agrupadas, o A marcação dentro onde as linhas devem ser adicionadas dinamicamente, você pode simplesmente colocar a marcação de uma linha vazia da tabela dentro da
Quando necessário, chame uma função JavaScript contendo script para copiar a marcação de dentro das tags de modelo e adicioná-la à marcação da tabela. Isso não é suportado pelo IE.
5. Fine Print
Uma tag em HTML pode ser usada para mostrar impressões finas. A partir do HTML5, o
A tag não apenas exibe um texto estilizado com uma cópia fina, mas também define semanticamente o mesmo que isenções legais e advertências..
6. Atribuir um URL base
O elemento HTML é bastante útil quando você tem vários links em seu documento com os mesmos URLs de domínio. Ele permite que você adicione um URL base ao documento, o que, por sua vez, permite adicionar apenas URLs relativos a outros links da página, conforme necessário.7. Imagens responsivas
O elemento HTML5 permite adicionar várias origens de imagem para diferentes mídias para a imagem dentro dela.
dom.image.picture.enable
para verdade
em about: config
no Firefox.8. Color Picker
9. Opções do grupo
elemento fará o trabalho. Você também pode estilizar os grupos com CSS.
10. O
elemento
é processado pelo navegador somente quando o script está desativado. Essa tag é útil para permitir que os usuários saibam quando o script está desabilitado em seu navegador e para fornecer qualquer mecanismo alternativo de fallback para componentes nas páginas da Web que parem de funcionar sem JavaScript.
Agora leia: 15 truques CSS úteis que você pode ter esquecido