Element ukryty <... hidden>
W jaki sposób ukryć element na stronie, ale pozwolić wyszukiwać jego treść?
- Wersja podstawowa:
<element hidden>...</element>
- Wersja rozszerzona:
<element hidden="stan">...</element>
- element
- Dowolny znacznik HTML 4.01 lub HTML5
- stan
- Można podać jedną z poniższych wartości:
- hidden - element nie zostanie wyświetlony na stronie (to samo co użycie
hiddenjako atrybut logiczny - tzn. bez podania wartości). - until-found - element nie zostanie wyświetlony na stronie, chyba że użytkownik wyszuka jego treść (przy pomocy skrótu klawiaturowego Ctrl+F) albo przejdzie do etykiety znajdującej się w jego obrębie.
- hidden - element nie zostanie wyświetlony na stronie (to samo co użycie
Atrybut hidden można nadać dowolnemu znacznikowi na stronie. Wskazuje on, że element nie jest jeszcze (albo już dłużej nie jest) istotny, z punktu widzenia pozostałej zawartości dokumentu. Przeglądarka nie powinna wyświetlać takich znaczników na ekranie.
Pytania i odpowiedzi <div hidden, span hidden>
Jak ukryć coś w HTML?
Aby ukryć coś w HTML, można użyć atrybutu hidden, który sprawia, że dany element nie jest widoczny na stronie i nie zajmuje miejsca w układzie. Na przykład: <div hidden>Ukryty element</div>. Taki element pozostaje w kodzie HTML, ale nie jest wyświetlany użytkownikom.
Jak zrobić ukryty tekst w HTML?
Aby zrobić ukryty tekst w HTML, można użyć atrybutu hidden na elemencie zawierającym tekst. Przykład: <span hidden>Ukryty tekst</span>. Taki tekst nie będzie widoczny na stronie, ani nie zajmie miejsca w układzie.
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
hidden | 10 2011-03-08 | 4 2011-03-22 | 12 2015-07-29 | 15 2013-07-02 | 5.1 2011-07-20 |
hidden until-found | 102 2022-05-24 | ❌ | 102 2022-05-31 | 88 2022-06-08 | ❌ |