Balise HTML HIDE

Version imprimable

02/06/2023, 22h51
labarre2002

Balise HTML HIDE
Bonsoir

Je suis tombe sur ce code
Code:

1 2 3 4 5 6 7 </head> <body> <h1> <span>Do<hide>n't<hide></span> <span><hide>Quit</span> </h1> </body>
Mais en faisant une recherche sur la balise hide

j'obtiens ca

https://developer.mozilla.org/fr/doc...ageAction/hide

ce qui n'a rien a avoir .

Pourrais-je avoir des explications sur cette balise ?
03/06/2023, 03h38
uniuc

Bonjour,

En fait cette balise n'existe pas.

A mon avis c'est juste pour montrer que si l'on place un mauvais truc entre <> dans le body, il reste invisible et n’influe pas sur le html.

Ici tu as la liste de tout les tag and Co. existant dans le html.

https://www.w3schools.com/tags/tag_meta.asp
05/06/2023, 18h57
NoSmoking

Bonjour,

Citation:

Envoyé par labarre2002

Je suis tombe sur ce code...

il eut-été bon de préciser le contexte, car à lire ce code cela ressemble à n'importe quoi quand même !

Citation:

Envoyé par uniuc

En fait cette balise n'existe pas

certes mais cela peut-être dans le cadre des « Web Components » et l'utilisation d'éléments personnalisés, mais une fois encore sans contexte !!
05/06/2023, 19h40
labarre2002

En appliquant cette balise le but escompté est de faire disparaitre la les élements compris entre durant l'animation

un truc du genre ?

Code:

1
2
3
4
<h1>
<span>Do<hide>n't</hide></span>
<span><hide>Quit</hide></span>
</h1>

Code:

1
2
3
4
5
6
hide {
  display: none;
}
h1.finished hide {
  display: inline-block;
}

Code:

1
2
3
setTimeout(() => {
document.querySelector('h1').classList.add('finished');
}, 1E3);

07/06/2023, 10h39
NoSmoking

Citation:

Envoyé par Doksuri

un truc du genre ?

Là c'est déjà plus cohérent :mrgreen:
07/06/2023, 12h16
Pytet

Ca semble s'inspirer de ce codepen (le fameux contexte qui aurait été bon de préciser) :
https://codepen.io/chupai/pen/QYJxGb/
07/06/2023, 18h54
NoSmoking

Citation:

Ca semble s'inspirer de ce codepen

effectivement, mais pourquoi ne pas avoir repris le vrai HTML ?

Je rajouterais qu'il n'est pas dans ce cas nécessaire d'inventer des balises il y en a qui existe et dans le cas présent <del> me semble tout à fait faire l'affaire et en jouant avec text-decoration.
08/06/2023, 10h56
labarre2002

BOnjour

Merci pour vos réponses en effet c'est de ce codepen dont il est question.