5 elementos HTML que você não sabe usar
Familiar ainda desconhecido, ou totalmente novo, acontece que nós perca partes da sintaxe HTML que pode vir a ser conhecimento importante que podemos colocar em bom uso. É por isso que, se é o novos recursos do HTML ou suas aplicações menos conhecidas que ainda não entraram no seu radar, nós os cobrimos com bastante frequência neste site.
Na postagem de hoje, vamos dar uma olhada em cinco elementos HTML, alguns dos quais você pode usar com freqüência, mas provavelmente não em todo o seu potencial.
1.
o elemento tem uma função semelhante à dados-* atributos. Pode ser usado para fornecer dados legíveis por máquina para um conteúdo amigável. o valor atributo deste elemento carrega a informação adicionada.
Os três volumes do romance O Senhor dos Anéis são: A sociedade do Anel, As duas torres, e O retorno do Rei.
ISBNs dos livros mencionados nesta página:
No HTML acima, o ISBN de cada livro é adicionado no valor atributo do elemento que inclui o título do livro. No mercado de livros, o ISBN é usado para identificar um livro de maneira exclusiva.
const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('dados'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') Para mostrar aproximadamente como extrair o valores em JavaScript, o script acima extrai os ISBNs do tag e os exibe, junto com os títulos dos livros, em um local designado na página.
2.
Muito provavelmente você já está familiarizado com o elemento, no entanto, é não apenas para caixas de seleção. Pode controlar outro labellable elementos também, executando suas ações da mesma forma que executa as ações das caixas de seleção.
Você só tem que use o mesmo valor para o identidade atributo do elemento HTML que você deseja controlar e para atributo da pertença tag.
Clicando no texto de vai acionar o clique evento de e mostre a mensagem de alerta dada.
3.
Este elemento é usado principalmente para idiomas do leste asiático, no entanto isso não é”O seu único caso de uso. O propósito de é simplesmente adicionar anotação ou pronúncia para textos, e você também pode fazer isso com conteúdo em inglês.
O elemento inclui dois subelementos principais, nomeadamente . o detém a anotação em si.
Uma pessoa que cria um negócio ou negócios, assumindo riscos financeiros na esperança de lucro, é chamada
empreendedor ; um promotor na indústria do entretenimento.
A pronúncia do “empreendedor” palavra é adicionada usando o elemento dentro do parágrafo. A palavra em si é envolvida no .
É assim que a saída se parece:
4.
o
Você pode ter sabido sobre a encomenda, mas sabia que o pedido pode ser revertido? Em vez de um pedido incremental, numeração decrescente também pode ser executado por invertido atributo.
- Scrabble
- Mahjong
- Monopólio
- Xadrez
- Jenga
o invertido atributo inverte a numeração, enquanto o tipo atributo determina o tipo de numeração. A capital eu denota numeração romana capital.
É assim que parece na tela:
5.
o elemento é destinado a envolva um termo definido por seu texto ao redor. O texto incluído pelo tag é estilizado por navegadores com itálico, o que significa que este é o termo que está sendo definido.
Você pode adicionar a definição do termo dentro no valor de sua título atributo, que é útil para definir palavras que não são necessariamente definidas pelo texto ao redor.
o elemento funciona de forma semelhante ao que exibe o significado de uma abreviatura dada em sua título Atributo quando o usuário passa o mouse sobre o elemento.
Há um dicotomia entre o design e o protótipo.
Esta é a sua estilo de navegador padrão, No entanto, em um site de produção, talvez você queira usar um estilo diferente:
Tomando o cursor sobre a palavra definida, a página mostra a definição adicionada no título atributo.
