| Сегодня 10 марта, понедельник |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
Главная / Каталог блогов / Cтраница блогера Просто о сложном HTML5, CSS3 и WEB-дизайн / Запись в блоге
HTML5 - что нового?2012-03-14 11:12:00 (читать в оригинале)HTML5 - что нового?Лояльность
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//RU"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Прописываем
<!Doctype html>
Все! Ничего лишнего! Никакой лишней писанины тут уже не нужно, браузеры научены понимать данное нововведение! Кстати, разработчики браузеров на удивление тоже принимали участие в разработке HTML5 и CSS3! Так что, при написании страницы можно быть на 90% уверенным, что пользователь увидит все ваши старания именно так, как это и было задумано! Конечно, свою ложку дегтя вносит тупой IE, но даже в нем многое поддерживается, а остальное можно изобразить при помощи JAVA script!
Далее! Тэг указания кодировки документа был:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
Стал
<meta charset="utf-8">
Кстати, нижеприведенные написания тоже верны!!! И это огромный плюс!
<META CHARSET=UTF-8>
<META CHARSET="UTF-8"> <META CHARSET=UTF-8 /> <META CHARSET="UTF-8" /> <meta charset=utf-8> <meta charset="utf-8"> <meta charset=utf-8 /> <meta charset="utf-8"> <meta charset="utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
Именно! Даже последнее обозначение кодировки тоже валидно! Ну кто же будет изменять то, на чем стоит процентов 95% сайтов!
Да, еще атрибут type у тегов <script> и <style> писать стало вовсе необязательно! Браузер стал понимать автоматически их содержимое и больше не требует напоминания об этом!
Пример:
<style>
body {color: white;} </style>
Вот наверное и все, что касается начала нашего документа. Основные изменения и нововведения мы осветили, далее
будут новые теги в HTML5!
Расширение медиа возможностейЧто это? Это кладезь возможностей! Теперь, при помощи Javascript и навыков вы можете создавать оффлайновые веб-приложения, можно сделать рисунок, проигрывать видео и пр. HTML5 серьезно улучшает функциональность форм, и поддерживается практически всеми видами новых и будущих браузеров!!! Даже IE9, пытается не отставать от прогресса!!! Благодаря Javascrict можно эмулировать рисование, а с плагинами Gears и Flash реализованы возможности просмотра видео и геолокация! Подробнее об этом я расскажу позже, по мере изучения всех широких возможностей языка!
Улучшенная семантика
Ни для кого не секрет, что одной из причин маленькой посещаемости сайта является плохая семантика, я бы даже назвал ее НЕвалидной... Выражается это в нагромождении ненужных конструкций из тегов, контейнеров, и пр. Можно сказать, что акул верстки скоро ожидает более жесткая конкуренция, ибо теги для блочной верстки вошли в мир WEB-программирования документально! Скажи нет контейнерам типа
<div id="header"> <div id="sidebar"> <div id="content"> <div id="footer">
В эпоху HTML5 и CSS3 модно верстать грамотно с помощью тегов HEADER, ASIDE,SECTION,FOOTER!
И это еще не все прелести семантики!!! Подробнее о них и других радостях верстки мы поговорим далее...
Ссылка на статью http://simple-html5-css3.blogspot.com/2012/03/html5.html
Следующая статья Создание карты с активными ссылками
|
  
Категория «SEO»
Взлеты Топ 5
Падения Топ 5
Популярные за сутки
|
Подпишись на новости! Будь в курсе обновлений!
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.