jakie jest wykorzystanie HTML5 rysunek z img
Czy jest jakaś szczególna zaleta / wykorzystanie HTML5 <figure>
over <img>
?
Myślę, że <figure>
jest bezużyteczny bez <figurecaption>
, prawda?
To będzie pomocne, jeśli wyjaśni się za pomocą przykładu.
3 answers
Obrazy nie są technicznie wstawiane do strony HTML, obrazy są linkowane do stron HTML. Znacznik <img>
tworzy przestrzeń przytrzymującą dla odwołanego obrazu.
Podczas gdy zawartość elementu <figure>
jest związana z przepływem głównym, jego pozycja jest niezależna od przepływu głównego i jeśli zostanie usunięta, nie powinna wpływać na przepływ dokumentu
Element img reprezentuje obraz. a element figury reprezentuje jednostkę w przypadku gdy dokument nie jest zgodny ze standardowym standardem, dokument nie może być traktowany jako oddzielna jednostka od głównego przepływu dokumentu i może być oddzielony od głównego przepływu dokumentu bez wpływu na znaczenie dokumentu.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-02-11 18:23:36
Znacznik zapewnia kontener dla zawartości, która jest odpowiednik rysunku lub diagramu w książce. może być używany do Grupuj podpis z jednym lub kilkoma obrazami, blokiem kodu lub innymi zawartość.
Innymi słowy, umożliwia nam bardziej swobodną, realistyczną pracę z obrazami, diagramami poprzez umożliwienie grupowania ich i podpisywania jednego lub obrazów z jednym podpisem.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-09-17 05:52:29
HTML5 figure
jest używany za każdym razem, gdy używasz img, video
znacznika z caption (figcaption)
na nim
Jeśli masz kilka powiązanych obrazów (lub innej zawartości) z tekstem podpisów, możesz użyć zagnieżdżonych elementów rysunku, aby powiązać zarówno podpis grupy, jak i pojedynczy podpis z każdym wystąpieniem za pomocą elementu figcaption
.
<figure role="group">
<img src="castle-etching.jpg" alt="The castle has one tower, and a tall wall around it.">
<figcaption>Charcoal on wood. Anonymous, circa 1423.</figcaption>
</figure>
Oto kilka przykładów
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-09-17 05:38:19