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

Презентация:



Advertisements
Похожие презентации
Краковецкий Александр Software Engineer, Frayman Group Microsoft Regional Director
Advertisements

Краковецкий Александр Software Engineer Microsoft Regional Director, ASP.NET
Современные направления интеллектуализации глобальной сети Интернет Сорокин Арсений Николаевич Вологда, 2008.
Skype lyda_smirnova2 Интернет- компьютерная сеть или сообщество сетей, которые связывают между собой в единое целое миллионы различных.
HTML5 HyperText Markup Language Язык разметки гипертекста.
XML-ТЕХНОЛОГИИ Лекция 5 Семантический Веб: микроформаты RDF, OWL и FOAF.
Инструментальные средства создания Web-сайтов
Краковецкий Александр Разработчик ПО, MCP Microsoft User Group Винница Академические дни Microsoft 2009.
Проектируем внешний вид сайта Стартовая страница – это первое, что видит пользователь.
КУРС «WEB-ДИЗАЙН». Что такое Web-страница? То, что мы видим в окне браузера, когда заходим на какой-либо сайт! Мы видим веб-страницу сайта – ее содержимое!
Реляционная база данных электронной библиотеки в Semantic Web. Представление метаданных в виде связанных данных Новицкий А.В. Институт программных систем.
1 Средства автоматической интеграции разнородных онтологий Панасенко Алексей, 525 группа Научный руководитель Большакова Е.И.
Верстка сайтов Введение. Оглавление Основные понятия Тэги и элементы разметки Управление визуальным представлением документа Правила написания кода.
Гипертекстовые технологии в Microsoft Word класс учитель информатики и математики Шевченко Анна Константиновна МКОУ « СОШ 19» г. Новомосковск.
Всемирная паутина Выполнила: Тихонова Анна Проверила: Кузьмина Т.В.
Программная система «Портал научной группы» (разработано в рамках ПНР-5) 24 марта 2011 г. Челябинск Южно-Уральский государственный университет 1.
Семантический веб: новая эра контекстной рекламы против паранойи слежки. Виталий Юшкевич Веб студия Пугофка.
Гайдар Магдануров Microsoft p: +7 (905) e: t: twitter.com/gaidartwitter.com/gaidar Возможности Internet.
Изменения в поисковых алгоритмах Яндекса Игорь Чуркин.
RSS и Atom: новостные форматы Web 2.0 XML-ТЕХНОЛОГИИ Лекция 7.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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 © comScore, Inc. Confidential. 15 Браузеры. HTML5 Forms

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

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