Урок 6. Цитата и ее использование “blockquote”

Сегодня коротенький урок, о том как использовать цитаты в html. Обозначение цитат производится тегом “blockquote” (открывающим и закрывающим). Внутри тегов “blockquote” обязательно использовать тег “p”.
Вот пример в html:

<!doctype>
<html>
<head>
<title>Цитаты</title>
<meta charset="utf-8" />
</head>
<body>
<p>
Текст окружающий цитату
</p>
<blockquote>
<p>
Пример цитаты для ознакомления с данным тегом!
</p>
</blockquote>
</body>
</html>

Вид в браузере:
Цитата в html
На картинке видно что цитата автоматически выделена отступом вправо. Может вы видели что на сайтах цитаты обозначены курсивом. НЕ ВПИСЫВАЙТЕ В ТЕГИ “blockquote”, тег “em”! Если хотите курсив, вписывайте значения только в CSS, к изучению которого мы скоро перейдем!
Также хочу сказать, что визуально ничего не изменится если убрать теги “blockquote”. Пропадет только отступ. Но это только визуально! Поисковые системы видят и различают теги, потому это важно для SEO! Хорошо оптимизированный сайт, залог успеха!

Pin It

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>