bit.ly/dlog1 - Электронное обучение веб-разработке (с)2008-2015 Илья Государев
четверг, 17 мая 2012 г.
воскресенье, 13 мая 2012 г.
HTML5: новый путь (продолжение).
В продолжение предыдущего поста о новом пути составления документов по стандарту HTML5 предлагаю немного "полевых исследований":
Снимки экранов выполнены в последних версиях всех распространенных браузеров (кроме Internet Explorer 10, ради которого нужно ставить Windows 8 Developer Preview 1) и можно заметить, что все современные браузеры корректно преобразуют сокращенный вариант HTML5 кода в well-formed XML и выстраивают классический DOM.
 |
| Исходный код |
 |
| Apple Safari 5.2 (OS X 10.7.4) |
 |
| Apple Safari (iOS 5.1) |
 |
| Opera Next /12.0 beta (OS X 10.7.4) |
 |
| Google Chrome 18 (OS X 10.7.4) |
 |
| Microsoft Internet Explorer 8 (Windows Server 2003) |
 |
| Microsoft Internet Explorer 9 (Windows 7 SP1) |
 |
| Mozilla Firefox Aurora /14 alpha + Firebug (OS X 10.7.4) |
 |
| Mozilla Firefox Aurora / 14 alpha + native inspector (OS X 10.7.4) |
Проблемы отмечены только у IE8, но в нем поддержка HTML5 и не заявлялась разработчиком, а так же у Firebug в Firefox, но это скорее всего связано с тем, что используется Alpha версия браузера.
Ура... HTML5 уже здесь!
суббота, 12 мая 2012 г.
HTML5: новый путь
В течение нескольких лет на курсах "Веб-дизайн" и "ММТвО" мы брали за основу язык XHTML 1.0 в строгом варианте и приучались соблюдать требования стандарта языка.
Это означало, что базовым вариантом правильной страницы был вот такой код, являющийся well-formed XML и соответствующий DTD:
Как указывает К.О., код достаточно громоздкий.
К счастью, наступают более веселые времена. Как подсказывает нам Гугл, пришла пора обходиться легким кодом и экономить на буковках. Да, закрывать можно не все теги, да, некоторые даже можно целиком опустить.
Отметим, что браузер автоматически создает в своей DOM-структуре недостающие элементы. И что кодировка по умолчанию - UTF-8. При валидации это незаметно. Однако, когда мы используем XML-документы для анализа и извлечения данных, на этот момент надо обращать внимание.
Это означало, что базовым вариантом правильной страницы был вот такой код, являющийся well-formed XML и соответствующий DTD:
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Пример страницы XHTML 1.0 Strict</title> </head> <body> <h1>Заголовок страницы</h1> <p>Абзац этой страницы<br /></p> </body> </html>
Как указывает К.О., код достаточно громоздкий.
К счастью, наступают более веселые времена. Как подсказывает нам Гугл, пришла пора обходиться легким кодом и экономить на буковках. Да, закрывать можно не все теги, да, некоторые даже можно целиком опустить.
<!DOCTYPE html> <title>Байты-деньги!</title> <p>Так-то
Если это пропустить через валидатор W3C (выбрав, естественно, HTML5), то мы получим православную зеленую полоску.
Подписаться на:
Сообщения (Atom)