Eu tava fazendo uns testes com tags para ver se dava par utilizar tags criadas, e descobri que da!
<!DOCTYPE html>
<html>
<head>
<title>Criando Super-Tags</title>
<meta charset="utf-8">
<style>
/* Definindo um estilo para as tags criadas */
ironMan {
display: block;
background-color: red;
text-align: center;
width: 200px;
Height: 85px;
padding: 5px;
}
tonyStark{
color: white;
font-weight: bold;
font-size: 1.3em;
}
</style>
</head>
<body>
<!-- Criando um superherói-->
<ironMan>
<tonyStark ocupacoes="Filantropo, playboy, gênio e milionário">
</tonyStark>
</ironMan>
<script>
// Recebendo valores da tag
var human = document.querySelector("tonyStark");
var ocupacoes = human.getAttribute('ocupacoes');
// Colocando valores na tag
human.textContent = "Ocupações de Tony sem armadura: " + ocupacoes;
// Criando eventos para a tag
human.addEventListener("pointerover", function(){
alert("Por favor se afaste, o herói não gosta de muita proximidade.");
});
</script>
</body>
</html>Então me veio a dúvida, se eu posso utilizar as tags que eu criei da mesma forma que as tags "padrão", por que ao invés de aprender esse monte de tags, simplesmente não criamos as tags que se encaixariam exatamente para o que a gente precisa?
