Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «html5»
HTML5 - что нового? 2012-03-14 11:12:00
... ="200" alt=" HTML5" title=" HTML5" src="http://2 ... /AAAAAAAAA0g/Z6LRQmV1nDk/s320/ html5.jpg" />
Язык ...
+ развернуть текст сохранённая копия
HTML5 - что нового?
Лояльность
Язык стал проще для написания кода и проверки валидации. 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
Следующая статья Создание карты с активными ссылками
 Подпишись на новости! Будь в курсе обновлений!
Тэги: 2011, css3, html, html5, seo, web
ВВедение 2012-03-13 11:59:00
... 200" alt=" HTML5" title=" HTML5" src=" ... 200" alt=" HTML5" title=" HTML5" src=" ... l=simple- html5-css3.blogspot ...
+ развернуть текст сохранённая копия
Просто о сложном HTML5, CSS3 и WEB-дизайн
Вступление в блог
Приветствую Вас, акулы интернета и маленькие рыбешки, которые еще только учатся плавать!
Представлюсь: Пуза, маленькая золотая рыбка, учусь кушать HTML5, CSS3, WEB-дизайн и SEO, с целью их последующего выделения в интересные и красочные ресурсы различной тематики! Достаточно?
Теперь о главном! Суть блога такова, чтобы рассказать Вам, моим читателям о сложном мире кодинга и верстки сайтов простейшим и доступным человеческим языком! Без назойливых учебников, документов и прочей букинистики!!! Я думаю и акулам тоже будет интересно
почитать свежие переводы статей зарубежных разработчиков! Займусь и этим тоже, почему бы и нет, тем более, что и самому интересно перенимать опыт других людей!
Существует один маленький нюанс: любая наука, любое умение, любая методика обучения начинается с учебников! Это так, потому как без базы знаний нечего будет систематизировать! Это именно мой принцип!
Объясню его на себе, однако на этом принципе основано множество различных методик обучения чуть ли не всему! Итак, около двух лет назад я взялся за изучение HTML и CSS, у меня появилось просто жгучее желание сотворить сайт! Знакомый (позиционирующий себя, как Апупительный программист и верстальщик и дизайнер и вообще Отец Всего)) помочь мне отказался, махнув рукой на книгу, типа, "Отвали, я слишком умный, чтобы тебе помочь"! Пришлось добывать знания самому! Первой прочитанной книгой был сайт постройка.ру, после чего я все же смог сделать свой первый сайт, на тот момент я считал его суперкрасивым и правильным! Насытившись, я забросил это занятие и вспомнил буквально недавно, когда захотелось поделиться своим опытом. Знания были успешно забыты, да и HTML с CSS стали уже версий 5 и 3 соответственно! Ну да ничего! Зато у меня появился хороший друг, дока в деле верстки и раскрутки сайтов! Он помогает мне систематизировать мои знания, получать новые, и ... Заставил меня читать книгу! Ведь знания из книги это и есть основа, на которую лягут ваши знания! Так что теперь я учусь сам, и рассказываю Вам о том, что знаю доступным и понятным языком!!
Все сложное-просто!
Макулатура, обязательная к прочтению:
- "Изучаем HTML5" Б.Лоусон, Р.Шарп;
- "CSS Каскадные таблицы стилей" Эрик А. Мейер;
Пользуюсь в качестве справочных пособий:
- "Справочник по HTML" В. Мержевич;
- "Справочник по CSS" В. Мержевич.
Считаю Введение на сим необходимо завершить и начать работу! Удачи в изучении HTML5 и CSS3, а также WEB-дизайна и SEO!
Ссылка на статью: http://simple-html5-css3.blogspot.com/2012/03/blog-post.html
Следующая статья HTML5 - что нового?
Подпишись на новости! Будь в курсе обновлений! 
Тэги: css3, html5, seo, web
Decoding HTML5 2012-03-12 16:16:30
... " Decoding HTML5", в ... появились с приходом HTML5. Не сказал бы ...
+ развернуть текст сохранённая копия
Доброго времени суток!
Несколько дней назад в свет была выпущена книга под названием " Decoding HTML5", в которой, как вы уже могли догадаться речь идёт о нововведениях, которые появились с приходом HTML5. Не сказал бы, что книга была очень интересна мне, т.к. об этих новых рюшечках нововведениях не писал только ленивый, но всё-таки повторить и закрепить материал было полезным делом. Тем более, что книга написана небезызвестным Джефри, а это значит, что читать её будет легко и приятно. Но хватит расхваливать автора, а перейдём к краткому содержанию книги:
Читать дальше →
Тэги: api, canvas, ebook, form, geolocation, history, html, html5, storage, web, веб-разработка
Веб-разработка / Drag'n'drop файлов во Flex, используя HTML5 File API 2012-03-06 18:15:54
... задачи потребовалось применить HTML5 File API.
+ развернуть текст сохранённая копия
Добрый день! Недавно для одного веб-приложения на Flex'e потребовалось сделать drag'n'drop загрузку фотографий. Flash не позволяет напрямую это реализовать, хотя в приложениях AIR такая фунциональность присутствует. Для решения задачи потребовалось применить HTML5 File API.
Читать дальше →
Тэги: api, drag, drop, file, flex, html5
[Из песочницы] HTML-атрибуты data-* для хранения параметров и получения их в js 2012-03-01 18:25:33
В HTML 5 были введены такие атрибуты тегов, как data-*.
Про них вы наверняка слышали или ...
+ развернуть текст сохранённая копия
В HTML 5 были введены такие атрибуты тегов, как data-*.
Про них вы наверняка слышали или видели в разных проектах.
Например, их используют такие модные товарищи, как Twitter Bootstrap и jQuery Mobile.
Раньше использовали классы, ради сохранения информации в HTML, с целью последующего использования в js.
Например, для сохранения уникального номера блока часто пишут так:
<div class="items">
<div class="item1">...</div>
<div class="item3">...</div>
<div class="item6">...</div>
<div class="item1">...</div>
...
</div>
А если нам нужно добавить еще один класс для каждого элемента? Или модификатор для отдельных? Да, конечно, можно обрезать регуляркой или другим костыликом на ваш вкус.
Как может показаться, тут можно задействовать id, но у нас могут быть блоки с одинаковым номером.
Иногда используют атрибут ‘rel’, но его можно использовать только для ссылок, хотя я видел и у других элементов. И опять же недостаток — мы можем записать в него только одно значение.
И вот нам на помощь спешат Чип и Дейл атрибуты data-*.
Читать дальше →
Тэги: css, html, html5, javascript, jquery, веб-разработка, плюшка
Главная / Главные темы / Тэг «html5»
|
Взлеты Топ 5
Падения Топ 5
|
