HTML 5 теги для верстки основных блоков страницы

HTML 5 теги для верстки основных блоков страницыHTML 5 потихонечку вливается в жизнь верстальщиков, но многие продолжают пользоваться привычными тегами и классами. Пора забыть о разметке страниц тегами <div class= «header» >, <div class= «footer» > и начать использовать новые теги, появившиеся в HTML5.

Зачем использовать теги HTML 5 для верстки основных блоков

1. Это уменьшает общее количество кода;
2. Это упрощает работу с CSS, облегчает классификацию элементов и их свойств;
3. Это улучшает понимание кода поисковыми роботами;
4. Это хороший тон в современной верстке.

Какие HTML5-теги можно использовать для разметки основных блоков страницы

<header> — шапка сайта, а также заголовок страницы, статей и других материалов сайта. Таких блоков на странице может быть несколько.

<nav> — навигация по сайту. Обязательно заключать в этот тег главное меню, желательно — любую другую навигацию на сайте.

<aside> — сайдбар, список рубрик, облако тегов.
Продолжить чтение

Единицы измерения в CSS

Единица измерения Краткая запись Прим. в коде Описание Пример кода
Абсолютные единицы
Сантиметр см cm Стандартный метрический сантиметр span {margin-left: 5cm;}
Дюйм дюйм in Стандартный северо-американский дюйм p {word-spacing: 3in;}
Миллиметр мм mm Стандартный метрический миллиметр p {font-size: 25mm;}
Пика пк рс Стандартная издательская единица, равная 12 пунктам p {font-size: 22pc;}
Пункт пт pt Стандартная издательская единица, за­нимающая 72 пункта на дюйм body {font-size: 16pt;}
Относительные единицы
Ems em em Ширина прописной буквы «М» для текущего шрифта (обычно совпадает с размером шрифта) p {letter-spacing: 10em;}
Exs ex ex Высота буквы х для текущего шрифта p {line-height: 3ex;}
Пиксель пикс рх Размер пикселя данного монитора p {padding: 14px;}
Проценты % % Устанавливает размер шрифта относительно базового размера (150% озна­чает увеличение размера шрифта в 1,5 раза относительно базового) div {width: 80%;}

Продолжить чтение

Оптимизация MySQL, optimize table — как не надо делать

Оптимизация MySQL, optimize table - как не надо делатьВ блогосфере советы по ускорению работы сайта и оптимизации разносятся с бешеной скоростью. При этом мало кто из авторов проверяет реальную полезность полученных советов. Это вдвойне странно, потому как возможность проверить правильность той или иной идеи и сравнить разные мнения по одному и тому же вопросу в Интернете представлена очень широко.

В одном из блогов встретила вот такой текст:

Конкретный пример из жизни: 2 таблицы по 50 000 записей, в которых постоянно идут update, insert, delete. Ясное дело, что при таком подходе данные фрагментируются. Поэтому, когда мы делаем JOIN, то запрос выполняется 0.2 секунды — довольно много для базы данных. После optimize table запрос стал выполнятся 0.015 сек. Никаких дополнительных индексов, покупки железа — просто упорядочили данные на диске. Команду можно поставить в cron раз в сутки, например.

Продолжить чтение

18 тегов не требующих обязательного закрытия

18 тегов не требующих обязательного закрытияи почему не стоит пользоваться этим списком

Существует небольшое количество тегов, которые не требуют обязательного закрывающего тега, потому что логика их применения позволяет безошибочно определить, где эти теги должны заканчиваться. Также есть теги, которые можно не прописывать, при этом со структурой и семантикой не произойдет существенных изменений.

Таблица необязательных тегов (откроется по клику)

Продолжить чтение

Что такое HTML5

Что такое HTML5HTML5 ( от англ. HyperText Markup Language, version 5) — это язык для структурирования и представления содержимого всемирной паутины. Это пятая, скорее всего, последняя версия HTML. Так как сообщество приняло решение далее не создават ьновых версий, а внедрять дополнения и улучшения к HTML5 по мере возникновения необходимости. Это решение было принято из-за слишком долгого согласования и стандартизации предыдущих версий. Стандартизация занимала так много времени, что пока новую фишку стандартизировали она успевала устареть. Теперь будет единый язык HTML5, который будет развиваться и расширяться без указания версии.

Целью разработки HTML5 стало улучшение уровня поддержки мультимедиа-технологий, сохраняя при этом удобочитаемость кода для человека и простоту анализа для парсеров.

HTML5 — это большая спецификация

HTML5 — это и зонтичный термин, объядиняющий в себе целое семейство спецификаций, или даже, как правильнее будет сказать, новое поколение веб-стандартов.
Продолжить чтение

Порядок объявления CSS-свойств для ссылок

Порядок объявления CSS-свойств для ссылокПри добавлении CSS-свойств ссылкам, важно соблюсти порядок объявления определенный свойств.

Сначала объявляем общие свойства для всех ссылок, потом объявляем свойства для посещенных ссылок, и только в самом конце прописывам свойства ссылкам hover и focus. Подробнее о том какие бывают CSS-свойства для ссылок.

Например так:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
a {
     font-size:14px;
     font-family:sans-serif;
     color:#87cae5;
}
 
a:visited {
     color:#54899f;
}
 
a:hover,  
a:focus {
     color:#000;
}

В этом случае у всех ссылок будет шрифт sans-serif и размер шрифта 14 пикселей. Цвет ссылок будет меняться в зависимости от того, что происходит со ссылкой.

Причем ссылка visited должна быть прописана раньше, чем ссылки hover и focus, иначе над посещенными ссылками не будет срабатывать ховер и фокус эффект.

Как настроить ЧПУ в WordPress

Как настроить ЧПУ в WordPressДля начала разберемся зачем нужно настраивать ЧПУ, ведь WordPress достаточно удобная система управления сайтом, многие настройки уже прописаны к ней автоматически и не требуют нашего вмешательства.

WordPress генерирует автоматические адреса для статей и страниц.
Например, родная ссылка движка выглядит так:
http://www.olunka.ru/?p=1520
А ЧПУ так:
http://www.olunka.ru/chto-takoe-kontent/

Наглядно видно, что ЧПУ выглядит более понятно, содержит читабельное описание страницы, что будет полезно как пользователям, так и поисковым системам.
Получить подробные инструкции

Чудеса на Ucoz после переезда с narod.ru

Зашла в админку своего сайта на народе, впервые после переезда на Ucoz и сразу неприятный сюрприз. Собственно, ничего хорошего от Ucoz я и не ожидала, мое скептическое мнение об этом сервисе снова подтвердилось.

Во вкладке «Пользователи» вижу такую картину:

Чудеса на Ucoz после переезда с narod.ru

2 зарегистрированных пользователя! Вот так сюрприз! Откуда их два, если сайт переехал с народа, владелец у сайта должен быть один, он же владелец одноименного почтового ящика. Содержимое сайта не менялось, то есть на народе не было возможности открытой регистрации на сайте новых пользователей, стало быть и после переезда ее не может быть. Откуда второй пользователь? Кто такой?
Продолжить чтение

Как попасть в админку сайта на народе

1 февраля 2013 мне пришло письмо, что мой старенький сайт на народе переезжает на Ucoz. Было грустно, печально, жалко. Сайтик на народе — это моя первая площадка для экспериментов в сфере веб-дизайна, он мне дорог как память, так как изменить ничего нельзя, то приходится приспосабливаться к текущей ситуации.

Первый вопрос который возник: как попасть в административную панель сайта на narod.ru. Задача оказалась не очевидной, потому что с главной страницы сервиса Ucoz можно залогиниться только через соцсети или какой-то специальный сервис, про народные сайты там ни словом не упоминается.

Подробная инструкция как зайти в админку народ.ру после переезда на юкоз

1. Залогиниваемся в почте Яндекса, привязанной к сайту на народе, логин почты должен совпадать с адресом сайта адрес-сайта.narod.ru.
Продолжить чтение

Самые очевидные причины взлома сайта на WordPress и Joomla

Самые очевидные причины взлома сайта на WordPress и JoomlaВ связи с тем, что последнее время мне приходилось отлавливать вирусы на своих сайтах, я прочитала большое количество материалов на тему как бороться с вирусами на сайте и как не допустить появление вирусов на сайте. Как ни печально, но основной уязвимостью сайта является его владелец, а вовсе не дыры в CMS, плагинах или шаблонах оформления.

1. Использование стандартного логина admin, создаваемого автоматически при установки CMS. Адрес административной панели популярных CMS известен всем, если вы используете стандартный логин, то злоумышленнику остается только подобрать пароль, это сильно облегчает его задачу. Стоит не только изменять администраторский логин, но и желательно создавать пользователя с иным ID. Потому как, очевидно, что администратор — это самый первый пользователь на сайте, стало быть имеет ID=1.
Продолжить чтение