Php intro rus
Seu SlideShare está sendo baixado.
×
Confira estes a seguir
Mais Conteúdo rRelacionado
Semelhante a Pavel Rumantsev - Html5 (20)
Mais de beloslab (17)
Mais recentes (20)
Pavel Rumantsev - Html5
- 1.
- 2. Программа:<br />История <br />Особенности нового языка<br />Переход от HTML 4.01 к HTML5<br />Новая разметка<br />Примеры<br />
- 3. W3C или WHATWG?<br />WHATWG (Web Hypertext Application Technology Working Group) – быстрорастущее <br />сообщество людей, заинтересованных в развитии Интернета. На данный момент <br />Ведет разработку HTML5<br />W3C (World Wide Web Consortium) – консорциум всемирной паутины, который <br />Разрабатывал HTML 4.01 и давал свет HTML, XHTML, CSS и т.д.<br />
- 4. Почему HTML5?<br /><ul><li>Отсутствие необходимости использования посторонних дополнений для воспроизведения видео, музыки, игр и т.д.
- 5. «Чистота» кода
- 6. Новые возможности
- 7. Язык, который пишется людьми для людей</li></li></ul><li>Отсутствие необходимости использования посторонних дополнений для <br /> воспроизведения видео, музыки, игр и т.д.<br />Новые теги:<br /><video> - возможность воспроизводить видео без скачивания дополнений<br /><audio> - возможность воспроизводить аудио без скачивания дополнений<br /><canvas> - уникальный тег, используется для рисования <br />
- 8. «Чистота» кода<br /><ul><li>Доктайп без адресов (<!doctype html>)
- 9. Теги <html>, <body>, <head> становятся необязательными
- 10. СвобОднЫйсИнтаКсис
- 11. Весь сайт становится структурированным</li></li></ul><li>Новые возможности<br />Множество новых тегов, дающих уникальные возможности<br />Язык находится в разработке<br />
- 12. Язык, который пишется людьми для людей<br />Язык пишется командой, которая занимается разработкой сайтов многие года <br />И реально понимает, чего не хватает языку (а что в нем лишнее)<br />
- 13. Переход от HTML 4.01 к HTML5<br /><ul><li>Забудьте длинный не запоминаемый doctype. Обязательно вставляйте в начале</li></ul><!doctype html><br /><ul><li>Если вы разрабатывайте сайт, который должен очень быстро загружаться, можете не использовать теги <body> и <head>, такой сайт будет грузится и нормально отображаться.
- 14. Привыкайте к новой разметке сайта. Использование <div> желательно только в случае, когда вы не можете использовать теги HTML5 (или их использование неоправданно) </li></li></ul><li>Новая разметка:<br />Верх (HEADER)<br />Навигационная панель (NAV)<br />Контент сайта (ARTICLE, SECTION, etc)<br />Низ (FOOTER)<br />
- 15. Примеры:<br /><!doctype><br /><html lang=en><br /><title>New web-site</title><br /><header><br /> <imgsrc="..."><br /></header><br /><section><br /> <artcile><br /> <p>Some text</p><br /> </article><br /></section><br /><footer><br /> © 2010<br /></footer><br />Some text<br />© 2010<br />
- 16. Примеры:<br /><!doctype><br /><html lang=en><br /><title>New web-site</title><br /><header><br /><nav> <br /> <a href=“…”>Text</a><br /><a href=“…”>Text</a><br /> <a href=“…”>Text</a><br /> </nav><br /></header><br /><section><br /> <artcile><br /> <p>Some text</p><br /> </article><br /></section><br /><footer><br /> © 2010<br /></footer><br />TextTextText<br />Some text<br />© 2010<br />
- 17. Примеры:<br /><!doctype><br /><html lang=en><br /><title>New web-site</title><br /><header><br /><nav> <br /> <a href=“…”>Text</a><br /><a href=“…”>Text</a><br /> <a href=“…”>Text</a><br /> </nav><br /></header><br /><section><br /> <artcile><br /><h1>Some text</h1><br /> <h2>again</h2><br /> </article><br /></section><br /><footer><br /> © 2010<br /></footer><br />TextTextText<br />Some text<br />again<br />© 2010<br />
- 18. Спасибо за внимание<br />
