Документ обсуждает семантический HTML5, его ключевые теги и их применение, а также преимущества и недостатки семантической паутины. В нем представлены различные семантические элементы, такие как article, section, nav и другие, а также обсуждаются доступные богатые интернет-приложения. Также приводятся примеры сервисов, демонстрирующих возможности HTML5.

1. Семантический HTML5Краковецкий АлександрSoftware Engineer, Microsoft Regional Director, http://msug.vn.ua/

2. Технологическая карта концепцийВеб

3. RDF ResourceDescriptionFramework (RDF) — это разработанная модель для представления данных, в особенности — метаданных. RDF представляет утверждения о ресурсах в виде, пригодном для машинной обработки. RDF является частью концепции семантической паутины.

4. Семантическое облако

5. Преимущества и недостатки Semantic WebПреимущества:Единое информационное поле и API доступа

6. Более удобная индексация поисковыми системами

7. Нет привязки к конкретному ресурсуНедостатки:Практическая нереализуемостьДублирование информацииНевозможность получения коммерческой выгоды

8. Микроформаты

9. До появления HTML5…Все секции необходимо обрамлять с помощью тэгов DIV;

10. Обычные CSS стилиНовые семантические тэги в HTML5article– основной контент;section– разделение текстана разделы;aside - часть контента, который имеет отношение к основному содержанию, но может быть использовано отдельно от него;header– шапка веб-страницы;footer– подвал веб-страницы;hgroup - определяетгруппузаголовков;figure- группирует элементы web-страницы по смыслу;menu – секция меню на веб-страницы;nav - основные навигационные блоки на странице;time – время;mark – фрагмент текста, на который следует обратить внимание (strong);dialog – диалоги, чаты, итервью.

11. С появлением HTML5 вы можете делать так!

12. Тэги, которые больше нет

13. Детальное описание ссылок, микроформаты

14. Новые типы данных для форм

15. …которые работают даже для мобильных устройств

16. Accessible Rich Internet Applications (WAI-ARIA)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, treeitemhttp://dev.opera.com/articles/view/introduction-to-wai-aria/

17. Браузеры. HTML5 Forms