Z kursu: Podstawowe szkolenie w zakresie HTML

Aby odblokować ten kurs, skorzystaj z bezpłatnej próbnej subskrypcji

Dołącz dzisiaj, aby uzyskać dostęp do ponad 24 200 kursów prowadzonych przez ekspertów w branży.

Rysunek i podpis pod grafiką

Rysunek i podpis pod grafiką

- Teraz, gdy zagłębiliśmy się dość głęboko w to, jak umieścić obraz na stronie internetowej, przyjrzyjmy się, jak sparować podpis dla tego obrazu z samym obrazem. Są jeszcze dwa elementy związane z obrazami, a tak naprawdę z postaciami. Oto prosty przykład. Zaczniemy od zdjęcia naszego psa i podpisu pod tym obrazem. Pies Maggie lubi odpoczywać na polu po długim dniu pościgu za wiewiórkami. Teraz zawińmy ten tekst w elemencie figcaption. Oznacza to, że jest to podpis. Zawiniemy obraz i podpis razem w element figury. Zapewnia to przeglądarce więcej informacji semantycznych na temat tej zawartości. Więcej kontekstu, niż gdybyśmy używali tylko elementu akapitowego lub ogólnych divów. Wyszukiwarki w AI będą teraz wiedzieć, że te dwie treści mają ze sobą związek. Możemy również użyć figury do rzeczy innych niż obrazy, takich jak interaktywna grafika. Umieścimy go tam, gdzie element obrazu znajduje się w tym znaczniku. Figura i elementy figcaption są przydatne dla wszystkiego, co…

Spis treści