ПТ - типовые элементы. Верстка типовых элементов Сложный логотип
 Скачать 68.06 Kb.
|
|
версткА ТИПОВЫХ ЭЛЕМЕНТОВ «Сложный» логотип Под сложным логотипом будем понимать элемент, содержащий в себе кроме текста еще и изображение, либо текст, не воспроизводимый стандартным набором шрифтов. Логотип, как правило, содержит название компании (или товара, которому посвящена страница) и располагается в шапке. Используется в SEO для продвижения компании или продукта путем использования тега h1: Сибирская корова Однако, в браузере это будет выглядеть просто текстом без изображения. Замена на  приведет к потере содержательной части тега h1, доступной для обработки поисковыми системами, и, как следствие, ухудшению положения сайта в поисковой выдаче по этой ключевой фразе. «Сложный» логотип Для того, чтобы удовлетворить и потребности SEO, и вывести на экран изображение, можно использовать следующее css-правило: h1 { display:block; /* определяем контейнер */ width: 200px; /* с шириной и высотой */ height: 150px; /* по размеру логотипа */ background: url(logo.png); /* далее используем одно из определений */ font-size:0; px; } Горизонтальное меню Меню сайта является аналогом содержания книги, которое, в свою очередь, представляет из себя список глав. С точки зрения верстки для списков есть соответствующие пары тегов ul-li, либо ol-li: Однако, визуально это выглядит следующим образом: Горизонтальное меню Задать горизонтальный вид можно одним из следующих css-правил:
ul li {display:inline} ul li {display:inline-block;width:50%;} ul li {float:right;} У каждого из этих способов есть свои достоинства и недостатки. |