Pavel Rumantsev - Html5

504 views
477 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
504
On SlideShare
0
From Embeds
0
Number of Embeds
65
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pavel Rumantsev - Html5

  1. 1.
  2. 2. Программа:<br />История <br />Особенности нового языка<br />Переход от HTML 4.01 к HTML5<br />Новая разметка<br />Примеры<br />
  3. 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. 4. Почему HTML5?<br /><ul><li>Отсутствие необходимости использования посторонних дополнений для воспроизведения видео, музыки, игр и т.д.
  5. 5. «Чистота» кода
  6. 6. Новые возможности
  7. 7. Язык, который пишется людьми для людей</li></li></ul><li>Отсутствие необходимости использования посторонних дополнений для <br /> воспроизведения видео, музыки, игр и т.д.<br />Новые теги:<br /><video> - возможность воспроизводить видео без скачивания дополнений<br /><audio> - возможность воспроизводить аудио без скачивания дополнений<br /><canvas> - уникальный тег, используется для рисования <br />
  8. 8. «Чистота» кода<br /><ul><li>Доктайп без адресов (<!doctype html>)
  9. 9. Теги <html>, <body>, <head> становятся необязательными
  10. 10. СвобОднЫйсИнтаКсис
  11. 11. Весь сайт становится структурированным</li></li></ul><li>Новые возможности<br />Множество новых тегов, дающих уникальные возможности<br />Язык находится в разработке<br />
  12. 12. Язык, который пишется людьми для людей<br />Язык пишется командой, которая занимается разработкой сайтов многие года <br />И реально понимает, чего не хватает языку (а что в нем лишнее)<br />
  13. 13. Переход от HTML 4.01 к HTML5<br /><ul><li>Забудьте длинный не запоминаемый doctype. Обязательно вставляйте в начале</li></ul><!doctype html><br /><ul><li>Если вы разрабатывайте сайт, который должен очень быстро загружаться, можете не использовать теги <body> и <head>, такой сайт будет грузится и нормально отображаться.
  14. 14. Привыкайте к новой разметке сайта. Использование <div> желательно только в случае, когда вы не можете использовать теги HTML5 (или их использование неоправданно) </li></li></ul><li>Новая разметка:<br />Верх (HEADER)<br />Навигационная панель (NAV)<br />Контент сайта (ARTICLE, SECTION, etc)<br />Низ (FOOTER)<br />
  15. 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 /> &copy 2010<br /></footer><br />Some text<br />© 2010<br />
  16. 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 /> &copy 2010<br /></footer><br />TextTextText<br />Some text<br />© 2010<br />
  17. 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 /> &copy 2010<br /></footer><br />TextTextText<br />Some text<br />again<br />© 2010<br />
  18. 18. Спасибо за внимание<br />

×