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

stan

Można podać jedną z poniższych wartości:

hidden - element nie zostanie wyświetlony na stronie (to samo co użycie hidden jako 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.

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

❌ Nie działa
	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	❌

Komentarze

Zobacz więcej komentarzy