Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Семантический HTML5<br />Краковецкий Александр<br />Software Engineer, Microsoft Regional Director, http://msug.vn.ua/<br />
Технологическая карта концепцийВеб<br />
RDF	<br />ResourceDescriptionFramework (RDF) — это разработанная модель для представления данных, в особенности — метаданн...
Семантическое облако<br />
Преимущества и недостатки Semantic Web<br />Преимущества:<br /><ul><li>Единое информационное поле и API доступа
Более удобная индексация поисковыми системами
Нет привязки к конкретному ресурсу</li></ul>Недостатки:<br />Практическая нереализуемость<br />Дублирование информации<br ...
Микроформаты<br />
До появления HTML5…<br /><ul><li>Все секции необходимо обрамлять с помощью тэгов DIV;
Обычные CSS стили</li></li></ul><li>Новые семантические тэги в HTML5<br />article– основной контент;<br />section– разделе...
С появлением HTML5 вы можете делать так!<br />
Тэги, которые больше нет<br />
Детальное описание ссылок, микроформаты<br />
Новые типы данных для форм<br />
…которые работают даже для мобильных устройств<br />
Accessible Rich Internet Applications (WAI-ARIA)<br />alert, alertdialog, application, article, banner, button, checkbox, ...
Браузеры. HTML5 Forms<br />
Upcoming SlideShare
Loading in …5
×

Семантический HTML5 - iForum

1,657 views

Published on

Доклад "Семантический HTML5" на iForum - украинском форуме интернет деятелей.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Семантический HTML5 - iForum

  1. 1. Семантический HTML5<br />Краковецкий Александр<br />Software Engineer, Microsoft Regional Director, http://msug.vn.ua/<br />
  2. 2. Технологическая карта концепцийВеб<br />
  3. 3. RDF <br />ResourceDescriptionFramework (RDF) — это разработанная модель для представления данных, в особенности — метаданных. RDF представляет утверждения о ресурсах в виде, пригодном для машинной обработки. RDF является частью концепции семантической паутины.<br />
  4. 4. Семантическое облако<br />
  5. 5. Преимущества и недостатки Semantic Web<br />Преимущества:<br /><ul><li>Единое информационное поле и API доступа
  6. 6. Более удобная индексация поисковыми системами
  7. 7. Нет привязки к конкретному ресурсу</li></ul>Недостатки:<br />Практическая нереализуемость<br />Дублирование информации<br />Невозможность получения коммерческой выгоды<br />
  8. 8. Микроформаты<br />
  9. 9. До появления HTML5…<br /><ul><li>Все секции необходимо обрамлять с помощью тэгов DIV;
  10. 10. Обычные CSS стили</li></li></ul><li>Новые семантические тэги в HTML5<br />article– основной контент;<br />section– разделение текстана разделы;<br />aside - часть контента, который имеет отношение к основному содержанию, но может быть использовано отдельно от него;<br />header– шапка веб-страницы;<br />footer– подвал веб-страницы;<br />hgroup - определяетгруппузаголовков;<br />figure- группирует элементы web-страницы по смыслу;<br />menu – секция меню на веб-страницы;<br />nav - основные навигационные блоки на странице;<br />time – время;<br />mark – фрагмент текста, на который следует обратить внимание (strong);<br />dialog – диалоги, чаты, итервью.<br />
  11. 11. С появлением HTML5 вы можете делать так!<br />
  12. 12. Тэги, которые больше нет<br />
  13. 13. Детальное описание ссылок, микроформаты<br />
  14. 14. Новые типы данных для форм<br />
  15. 15. …которые работают даже для мобильных устройств<br />
  16. 16. Accessible Rich Internet Applications (WAI-ARIA)<br />alert, alertdialog, application, article, banner, button, checkbox, combobox, complementary, contentinfo, definition, dialog, directory, document , grid, gridcell, group, img, link, list, listbox, listitem, log, main, marquee, math, menu, menubar, menuitem, menuitemcheckbox, menuitemradio, navigation, note, option, presentation, progressbar, radio, radiogroup, region, row, search, separator, slider, spinbutton, status, tab, tabpanel, textbox, timer, toolbar, tooltip, tree, treegrid, treeitem<br />http://dev.opera.com/articles/view/introduction-to-wai-aria/<br />
  17. 17. Браузеры. HTML5 Forms<br />
  18. 18. Примеры сервисов<br />Instapapper / http://instapaper.com/<br />Readability / http://lab.arc90.com/2009/03/02/readability/<br />Full RSS Feeds / http://fullrssfeed.com/, http://wizardrss.com/<br />SmartBrowser/ http://msug.vn.ua/Services/MainContent<br />
  19. 19. Спасибо за внимание!<br />Alex.Krakovetskiy@gmail.com<br />http://msug.vn.ua/<br />

×