Підпис картинки (теги figure і figcaption), html - приклади
Як зробити напис під картинкою
Крім змісту атрибутів alt і title при пошуку по картинках використовуються тексти, що знаходяться в безпосередній близькості від зображення. Часто це виглядає як:
Автоматична нумерація картинок
Зображення з підписом в рамці
Загальний CSS стиль:
Текст довше зображення. Якщо картинка розташовується по центру, то хочеться використовувати весь простір батьківського блоку.
Коли потрібно щоб ширина контейнера була не більша ширини картинки (для Google Chrome см. Код нижче, для нього потрібно обов'язково вказувати width для figcaption.).
Якщо зображення вузьке і маленьке і обтекается зліва чи справа, а текст довгий, то слід обмежити ширину опису. Довге, дуже довге, довге-довжелезне опис
HTML підпис під картинкою, що з'являється після наведення курсору мишки
До CSS вище додати:
Кілька фотографій і один опис
Поява підпису картинки при наведенні на неї курсора мишки
Спочатку потренуйтеся, весь код цілком додайте в повідомлення на вкладці HTML.
Я пишу всю статтю з включеним режимом HTML, мені не важко пару рядків. А вам не думаю, що буде зручніше кожен раз перемикатися. BUTAMUHbI4 "Коли-небудь кошеня вибереться з калюжі". Тут сенс більш широкий, ніж здається насправді. Образи слів наступні:
"Кошеня" - це дитина, а в деяких випадках і більше осяжний значення: людина.
"Калюжа" - це психологічні (і тільки, тому що все інше танцює від психіки людини) рамки, в які заганяють кошеня з моменту його появи на світло (і найгірше те, що в більшій мірі це роблять його батьки на підсвідомому рівні , тому що самі росли в таких же рамках).
Звідси народжується наступне:
Навіщо заганяти кошеня в калюжу самою постановкою початкового пропозиції? Адже навіть неоднозначне наріччя "коли-небудь" вже впроваджує в підсвідомість кошеня можливість "вічного" перебування в калюжі, тому що є варіант, що "коли-небудь" ніколи не трапиться (кошеня може просто померти дещо раніше) ..
ПС: це я так, лірика ..)) NMitra :)