Семантический HTML5 Краковецкий Александр Software Engineer, Microsoft Regional Director, - презентация

1 Семантический HTML5 Краковецкий Александр Software Engineer, Microsoft Regional Director,

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

3 3 © comScore, Inc. Confidential. 3 RDF Resource Description Framework (RDF) это разработанная модель для представления данных, в особенности метаданных. RDF представляет утверждения о ресурсах в виде, пригодном для машинной обработки. RDF является частью концепции семантической паутины.

4 4 © comScore, Inc. Confidential. 4 Семантическое облако

5 5 © comScore, Inc. Confidential. 5 Преимущества и недостатки Semantic Web Недостатки: – Практическая нереализуемость – Дублирование информации – Невозможность получения коммерческой выгоды Преимущества: -Единое информационное поле и API доступа -Более удобная индексация поисковыми системами -Нет привязки к конкретному ресурсу

6 6 © comScore, Inc. Confidential. 6 Микроформаты

7 7 © comScore, Inc. Confidential. 7 До появления HTML5… -Все секции необходимо обрамлять с помощью тэгов DIV; -Обычные CSS стили

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

9 9 © comScore, Inc. Confidential. 9 С появлением HTML5 вы можете делать так!

10 10 © comScore, Inc. Confidential. 10 Тэги, которые больше нет AcronymAppletBasefontBigCenterDirFontFrameFrameset Noframe s StrikeTt

11 11 © comScore, Inc. Confidential. 11 Детальное описание ссылок, микроформаты

12 12 © comScore, Inc. Confidential. 12 Новые типы данных для форм

13 13 © comScore, Inc. Confidential. 13 …которые работают даже для мобильных устройств

14 14 © comScore, Inc. Confidential. 14 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, treeitem

15 15 © comScore, Inc. Confidential. 15 Браузеры. HTML5 Forms

16 16 © comScore, Inc. Confidential. 16 Примеры сервисов Instapapper / Readability / Full RSS Feeds / SmartBrowser /

17 17 © comScore, Inc. Confidential. Спасибо за внимание! Спасибо за внимание!