Программа html что это такое

Что такое HTML?

Я Вас поздравляю с началом обучения, желаю, чтобы материал усваивался легко, я буду этому всячески способствовать. Прежде чем дать определение термину «HTML» нужно разобраться откуда эта птица прилетела. Для начала нам надо понимать что такое сайт.

Что такое сайт?

Сайт (вебсайт) — это своеобразная ячейка в сети интернет, предоставляющая какую либо информацию для своего посетителя. Каждый вебсайт имеет свой уникальный адрес. Для тех кто дружит с английским, определение термина вебсайт (website) читается уже в самом названии. Web — паутина, Site — место. Вебсайт — это место во всемирной паутине.

Сайт может состоять как из одной страницы, так и из десятков тысяч страниц. Если говорить про одностраничные сайты, то это, как правило «сайты-визитки». На таком вебсайте можно разместить информацию о своей компании, телефоны, схему проезда и другие данные. Многостраничные сайты – это информационные сайты, интернет — магазины, различные социальные сети, либо такие «гиганты» интернета как яндекс и гугл.

Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместе

Что такое домен?

Выше было сказано, что каждый сайт имеет свой уникальный адрес, так вот этот адрес – это и есть доменное имя (домен). Сайт на котором Вы сейчас находитесь имеет домен «htmlboss.ru»

Если нужно перейти на определенный сайт, то Вы пишите его доменное имя в верхней строке своего браузера. Браузер — это программа для просмотра веб-страниц, тех самых из который состоят сайты. Примеры популярных браузеров: Opera, Mozilla Firefox, Google Chrome и самый распространенный Internet Explorer.

Что такое HTML?

Вот мы и подошли к основному вопросу урока. HTML — это язык разметки гипертекста. Не пугайтесь такого непонятного определения. Практически все сайты в интернете состоят из страниц написанных на html. Мы с Вами говорим на русском языке, во Франции люди говорят на французском, а наш браузер говорит со страницами сайтов на языке html.

Браузер считывает всю информацию со страниц написанных на html языке, переваривает ее, а затем выдает нам на экран монитора понятное и привычное изображение.

Для примера посмотрите на рисунок. Слева изображена часть кода html страницы (стартовая страница сайта вконтакте), а справа изображение выведенное на экран монитора браузером после того как он прочитал html страницу.

* Не пугайтесь страшного и не понятного набора символов слева, вскоре Вы поймете, что все гениальное — просто.

Источник: htmlboss.ru

Для чего нужен HTML-редактор ?

Прежняя жизнь с ее простотой уходит в прошлое. Раньше Вы могли написать на листе бумаги письмо, запечатать его в конверт и бросить этот конверт в почтовый ящик. Далее все делала почтовая служба — везла ваше письмо по назначению и вручала адресату.

Можно и сегодня писать письма на бумаге, но этот старый дедовский способ быстро вытесняется новым изобретением — Интернетом. Интернет постепенно вытесняет рукописные письма, газеты, книги и даже телевидение своими интернет-версиями этих средств общения и информации — электронной почтой, электронными книгами, газетами, сайтами.
Используя Интернет, любой желающий сегодня может в принципе поделиться своими мыслями сразу со всем миром.

Чтобы была возможность распространить свою информацию через Интернет, документ должен быть в электронной форме. Для этого нужно создать код, который затем передается по различным сетям и в конечном итоге попадает в другую программу под названием браузер. Браузер раскодирует (расшифровывает) код и выводит информацию на экран в привычной форме — в виде текста, рисунков и пр.

Тем, кто имеет свой сайт, хорошо известно, что HTML-редактор — это один из основных инструментов для создания веб-страниц и сайта в целом. Но многие из посетителей Интернета могут и не знать, как создаются веб-страницы и что такое HTML-редактор.
Вот для этой категории людей и предназначено данное короткое пояснение.

Перед тем как ответить на вопрос «Для чего нужен HTML-редактор», нужно хотя бы вкратце ответить на вопрос — «Для чего нужен HTML?»

Лучше всего ответить на этот вопрос можно на простом примере, который сможет повторить любой желающий.

Откройте программу под названием Блокнот (Notepad) — такая программа имеется на всех компьютерах. Чтобы открыть Блокнот, нужно нажать кнопку ПУСК, затем ВСЕ ПРОГРАММЫ — СТАНДАРТНЫЕ — БЛОКНОТ.
Блокнот — это простой html-редактор.

Напечатайте в Блокноте любой текст, к примеру такой:

Печально я гляжу на наше поколенье!
Его грядущее — иль пусто, иль темно,
Меж тем, под бременем познанья и сомнения,
В бездействии состарится оно.

Богаты мы, едва из колыбели,
ошибками отцов и поздним их умом,
И жизнь уж нас томит, как ровный путь без цели,
Как пир на празднике чужом.

Из стихотворения М.Ю.Лермонтова «Дума»

В меню ФАЙЛ щелкните по «Сохранить как. «, в появившемся окне СОХРАНИТЬ КАК введите:
в строке «Имя файла» — название вашего текста с приставкой html (например, text.html);
в строке «Тип файла» — Все файлы
Укажите, в какой папке нужно сохранить ваш текст, щелкните по «Сохранить».

Таким образом Вы создали html-документ (иначе — веб-страницу). Можно посмотреть, как этот документ будет выглядеть в Интернете. Щелкните по новой веб-странице два раза — она откроется в браузере. Вы увидите примерно вот такое:

Печально я гляжу на наше поколенье! Его грядущее — иль пусто, иль темно, Меж тем, под бременем познанья и сомнения, В бездействии состарится оно. Богаты мы, едва из колыбели, ошибками отцов и поздним их умом, И жизнь уж нас томит, как ровный путь без цели, Как пир на празднике чужом. Из стихотворения М.Ю.Лермонтова «Дума»

И такой же увидят Вашу страницу посетители, если Вы выложите эту страницу в Интернет. Если бы ваш текст был более объемным, то посетители увидели бы плотный, спрессованный как кирпич массив текста. И читать такой текст тяжело, и выглядит он неважно.

Но это все, что мог сделать для вас html-редактор Блокнот. И он не виноват, потому что Вы не применили соответствующей разметки текста, иначе — не применили правил HTML.

Так что такое HTML?

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML.

Чтобы Ваша веб-страница смотрелась так, как Вы задумали, нужно ее разметить согласно правил HTML.
Для нашего примера это выглядело бы так, как показано слева, а результат (т.е. как страница будет выглядеть в Интернете) показан справа

Богаты мы, едва из колыбели,
ошибками отцов и поздним их умом,
И жизнь уж нас томит, как ровный путь без цели,
Как пир на празднике чужом.

Но если для оформления простого текста достаточно простых приемов разметки, то при вставке на страницу других объектов (изображения, таблицы, ссылки, списки, формы и пр.), для правильного их расположения на странице, для цветового оформления страницы и прочего существует целая система условных обозначений — html-тэгов и их атрибутов. Все это великое множество тэгов и их атрибутов наизусть не помнит, видимо, никто.

Глядя на код веб-страницы, в котором зачастую трудно разобраться, невольно возникает вопрос — а нельзя ли как -то облегчить работу по созданию этого кода?

И вот тут мы вернемся к нашему первоначальному вопросу — для чего нужен редактор HTML?

Мы начинали с такого html-редактора, как Блокнот. Блокнот (и множество его разновидностей) мало чем помогут при создании кода. Они требуют от пользователя как хорошего знания HTML, так и большого терпения и внимательности. Но даже это не гарантирует от ошибок (к примеру, не все ваши ссылки будут работать нормально, вместо рисунков вдруг появятся рамки с красным крестиками и прочее).

Хороший редактор HTML убережет Вас от всех этих неприятностей. Он пропишет правильные адреса для ссылок и изображений, расставит тэги и их атрибуты (даже если Вы их не помните), поможет вставить на страницу различные объекты, проверит правильность созданного Вами html-кода, сделает еще много чего хорошего, в конце-концов переправит созданный сайт в Интернет.

Таким образом, ответ на вопрос «Для чего нужен HTML-редактор ?» простой — чтобы помочь Вам создавать html-код.

Последнее обновление: январь 2014 г.

Источник: htmleditors.ru

2 Введение в HTML 4.0

Связи между этими тремя механизмами становятся очевидными по прочтении этой спецификации.

Каждый ресурс в Web — документ HTML, изображение, видеоклип, программа и т.д. — имеет адрес, который может быть закодирован с помощью , или URI.

1. Схема наименования механизма, используемого для доступа к ресурсу.
2. Имя машины, на которой располагается ресурс.
3. Имя собственно ресурса, зачданное в виде пути.

Рассмотрите URI этой спецификации HTML на сервере W3C:

http://www.w3.org/TR/PR-html4/cover.html

Этот URI может читаться следующим образом: этот документ можно получить по протоколу HTTP (см. [RFC2068]), он располагается на машине www.w3.org, путь к этому документу — «/TR/PR-html4/cover.html». Кроме того, в документах в формате HTML Вы можете увидеть схемы «mailto» для электронной почты и «ftp» для протокола FTP.

Вот еще один пример URI. Он относится к почтовому ящику пользователя:

Примечание. Большинство читателей уже знакомо с термином «URL» , но не знает термина «URI». URL образуют подмножество более общей схемы наименования URI.

2.1.2 Идентификаторы фрагментов

Некоторые URI указывают на местоположение внутри ресурса. Этот тип URI заканчивается символом «#», за которым следует указатель ( ). Например, следующий URI указывает на фрагмент с именем section_2 :

http://somesite.com/html/top.html#section_2

2.1.3 Относительные URI

не содержит информации о схеме наименования. Путь в нем указывает на ресурс на машине, на которой находится текущий документ. Относительные URI могут содержать компоненты относительного пути (например, «..» означает один уровень выше в иерархии) и идентификаторы фрагментов.

Относительные URI приводятся к полным URI с помощью базового URI. В качестве примера приведения относительного URI предположим, что у нас имеется базовый URI «http://www.acme.com/support/intro.html». Относительный URI в следующей ссылке:

будет преобразован в полный URI «http://www.acme.com/support/suppliers.html», а относительный URI в следующем фрагменте

будет преобразован в полный URI «http://www.acme.com/icons/logo.gif».

• ссылки на другие документы или ресурсы (см. элементы A и LINK ).
• ссылки на внешние таблицы стилей или скрипты (см. элементы LINK и SCRIPT ).
• включения в страницу изображений, объектов или апплетов (см. элементы IMG , OBJECT , APPLET и INPUT ).
• создания изображений-карт (см. элементы MAP и AREA ).
• отправки форм (см. FORM ).
• создания документов с использованием кадров (см. элементы FRAME и IFRAME ).
• ссылок на внешние источники (см. элементы Q , BLOCKQUOTE , INS и DEL ).
• ссылок на соглашения о метаданных, описывающих документ (см. элемент HEAD ).

2.2 Что такое HTML?

Чтобы представить информацию для глобального использования, нужен универсальный язык, который понимали бы все компьютеры. Языком публикации, используемым в World Wide Web, является HTML (HyperText Markup Language — язык разметки гипертекстов).

• публикации электронных документов с заголовками, текстом, таблицами, списками, фотографиями и т.д.
• загрузки электронной информации с помощью щелчка мыши на гипертекстовой ссылке.
• разработки форм для выполнения транзакций с удаленными службами, для использования в поиске информации, резервировании, заказе продуктов и т.д.
• включения электронных таблиц, видеоклипов, звуковых фрагментов и других приложений непосредственно в документы.

2.2.1 Краткая история HTML

Язык HTML был разработан Тимом Бернерс-Ли во время его работы в CERN и распространен браузером Mosaic, разработанным в NCSA. В 1990-х годах он добился особенных успехов благодаря быстрому росту Web. В это время HTML был расширен и дополнен. В Web очень важно использование одних и тех же соглашений HTML авторами Web-страниц и производителями. Это явилось причиной совместной работы над спецификациями языка HTML.

HTML 2.0 (ноябрь 1995, см. [RFC1866]) был разработан под эгидой Internet Engineering Task Force (IETF) для упорядочения общепринятых положений в конце 1994 года. HTML+ (1993) и HTML 3.0 (1995, см. [HTML30]) — это более богатые версии языка HTML. Несмотря на то, что в обычных дискуссиях согласие никогда не было достигнуто, эти черновики привели к принятию ряда новых свойств. Усилия Рабочей группы World Wide Web Consortium по HTML в упорядочении общепринятых положений в 1996 привели к версии HTML 3.2 (январь 1997, см. [HTML32]). Изменения по отношению к HTML 3.2 перечислены в Приложении А

Большинство людей признают, что документы HTML должны работать в различных браузерах и на разных платформах. Достижение совместимости снижает расходы авторов, поскольку они могут разрабатывать только одну версию документа. В противном случае возникает еще больший риск, что Web будет представлять собой смесь личных несовместимых форматов, что в конечном счете приведет к снижению коммерческого потенциала Web для всех участников.

В каждой версии HTML предпринималась попытка отразить все большее число соглашений между работниками и пользователями этой индустрии, чтобы усилия авторов не были потрачены впустую, а их документы не стали бы нечитаемыми в короткий срок.

Язык HTML разрабатывался с той точки зрения, что все типы устройств должны иметь возможность использовать информацию в Web: персональные компьютеры с графическими дисплеями с различным разрешением и числом цветов, сотовые телефоны, переносные устройства, устройства для вывода и ввода речи, компьютеры с высокой и низкой частотой и т.д.

2.3 HTML 4.0

В HTML 4.0 вводятся механизмы таблиц стилей, скриптов, кадров, внедрения объектов, улучшенная поддержка разных направлений письма и направления справа налево, таблицы с большим количеством возможностей и новые свойства форм, обеспечивая лучшие возможности доступа для людей с физическими недостатками.

2.3.1 Интернационализация

Эта версия HTML разработана с помощью экспертов в области интернационализации, так что документы можно писать на любом языке и легко передавать их по всему миру. Это достигается за счет использования [RFC2070], относящегося к интернационализации HTML.

Важным шагом стало принятие стандарта ISO/IEC:10646 (см. [ISO10646]) в качестве набора символов для документов HTML. Это наиболее содержательный стандарт в мире, в котором решены вопросы представления национальных символов, направления письма, пунктуации и других языковых вопросов.

HTML теперь предоставляет лучшую поддержку различных языков в одном документе. Это обеспечивает более эффективное индексирование документов для поисковых машин, типографию высшего качества, преобразование текста в речь, более удобные переносы и т.д.

Поскольку сообщество Web растет, и возможности и умения его членов различаются, очень важно, чтобы основные технологии соответствовали потребностям. Язык HTML разработан так, чтобы сделать Web-страницы более доступными для пользователей с физическими недостатками. В HTML 4.0 имеются следующие дополнения, продиктованные соображениями доступности:

• усилено разделение структуры и представления документа, что побуждает использовать таблицы стилей вместо элементов и атрибутов представления языка HTML.
• улучшены формы, включена возможность назначения клавиш доступа, возможность семантической группировки управляющих элементов формы, семантической группировки вариантов в тэге SELECT и активные метки.
• добавлена возможность разметки текстового описания включенного объекта (с помощью элемента OBJECT ).
• введен новый механизм действия изображений-карт на стороне клиента (элемент MAP ), который позволяет авторам интегрировать изображения и текстовые ссылки.
• альтернативный текст для изображений, включаемых с помощью элемента IMG , обязателен.
• добавлена поддержка атрибутов title и lang во всех элементах.
• добавлена поддержка элементов ABBR и ACRONYM .
• более широкий диапазон целевых устройств (телетайп, шрифт Бройля и т.д.) для использования в таблицах стилей.
• улучшены таблицы, включена поддержка заголовков, групп столбцов и механизмов для упрощения невизуального представления документа.
• добавлены длинные описания таблиц, изображений, кадров и т.д.

Авторы, разрабатывающие страницы с учетом доступности, получат не только эту возможность, но также и некоторые другие: хорошо разработанные документы HTML с разделенными структурой и представлением будут легче адаптироваться к новым технологиям.

Примечание. Подробнее о разработке доступных документов HTML Вы можете прочесть в [WAIGUIDE].

2.3.3 Таблицы

Новая модель таблиц в HTML основана на [RFC1942]. Теперь авторы имеют большую власть над структурой и компоновкой таблицы (например, группы столбцов). Возможность дизайнеров рекомендовать ширину столбцов позволяет агентам пользователей отображать данные таблицы постепенно (по мере получения) и не ждать всю таблицу до создания изображения.

Примечание. Во время написания этого документа некоторые средства разработки документов в формате HTML широко использовали для форматирования страниц таблицы , что вызывало проблемы совместимости.

2.3.4 Составные документы

В HTML теперь имеется стандартный механизм для внедрения объектов и приложений в документы HTML. Элемент OBJECT (а также более специфичные элементы, его преемники, IMG и APPLET ) обеспечивает механизм включения в документ изображений, видеофайлов, звуковых файлов, математических выражений, специализированных приложений и других объектов. Он также позволяет авторам указывать иерархию или альтернативный способ создания изображения для агентов пользователей, не поддерживающих указанный способ создания изображения.

2.3.5 Таблицы стилей

Таблицы стилей упрощают разметку HTML и существенно снижают участие языка HTML в представлении документа. Они предоставляют как авторам, так и пользователям возможность управлять представлением документов — шрифтами, выравниванием, цветами и т.д.

Информацию о стиле можно указать для отдельных элементов или групп элементов, в документе HTML или во внешних таблицах стилей.

Механизмы связи таблиц стилей с документами не зависят от языка таблиц стилей.

До появления таблиц стилей возможности управления созданием изображения у авторов были ограничены. В HTML 3.2 был включен ряд атрибутов и элементов для управления выравниванием, размером шрифта и цветом текста. Авторы также использовали для компоновки страниц таблицы и изображения.

Поскольку на обновление браузеров у пользователей уйдет довольно долгое время, эти средства еще будут использоваться в течение какого-то времени. Однако поскольку таблицы стилей обеспечивают более мощные механизмы представления, World Wide Web Consortium существенно сократит число элементов и атрибутов представления в HTML. В этой спецификации элементы и атрибуты, которые могут быть впоследствии исключены, помечены как «нежелательные». Они сопровождаются примерами полдостижения того же эффекта с помощью других элементов или таблиц стилей.

2.3.6 Скрипты

С помощью скриптов авторы могут создавать динамичные Web-страницы (например, «интеллектуальные формы», изменяющиеся по мере заполнения их пользователем) и использовать HTML как средство построения сетевых приложений.

Механизмы, обеспечивающие включение скриптов в документы HTML, не зависят от языка скриптов.

2.3.7 Печать

2.4 Создание документов в формате HTML 4.0

Авторам и разработчикам для работы с HTML 4.0 рекомендуется ознакомиться со следующими общими принципами .

2.4.1 Разделение структуры и представления

HTML происходит из SGML, который всегда был языком определения структурной разметки. По мере развития HTML все большее количество его элементов и атрибутов для представления заменяется другими механизмами, в частности, таблицами стилей. Опыт показывает, что отделение структуры документа от аспектов его представления снижает стоимость обслуживания широкого диапазона платформ, носителей и т.д. и упрощает изменение документов.

2.4.2 Универсальность доступа к Web

Чтобы сделать свой Web-сервер доступным для всех пользователей, особенно для пользователей с физическими недостатками, авторы должны предполагать, как их документы могут отображаться на различных платформах: речевых браузерах, программах чтения азбуки Бройля и т.д. Мы не рекомендуем авторам ограничивать творческий процесс, но рекомендуем предусматривать альтернативные методы подачи информации. HTML предлагает ряд таких механизмов (например, атрибут alt , атрибут accesskey и т.д.)

Авторам также следует иметь в виду, что к их документам могут обращаться пользователи с другой конфигурацией компьютеров. Для корректной интерпретации документов авторам следует включать в свои документы информацию о языке и направлении письма в тексте, о кодировке документа и прочую подобную информацию.

2.4.3 Помощь агентам пользователей в последовательном создании изображений

При тщательной разработке таблиц и использовании новых возможностей HTML 4.0 авторы могут ускорить отображение документов агентами пользователей. Авторы могут прочесть здесь о том, как создавать таблицы для последовательного представления (см. элемент TABLE ). Разработчики могут получить информацию об алгоритмах последовательного представления в замечаниях о таблицах в приложении.

Источник: www.opennet.ru

Что такое HTML5?

От автора: привет друзья! В данной статье я хочу немного рассказать вам про html5. Рассказать, что такое html5, что в нем нового. Какие новые возможности он предоставляет разработчикам. HTML5 очень широкое понятие. И некоторые технологии, которые называют в HTML5, вообще говоря, не являются html5, но обо всем по порядку…

Что такое HTML5?

Первое — это стандарт HTML5, документ, лежащий на сайте W3C, в котором описаны все новые теги, атрибуты, новые API, и ряд сопутствующих документов, в которые вынесены некоторые дополнительные детали, вроде API для Canvas.

Второе — это «большой», маркетинговый, трендовый HTML5, зонтик для целого поколения новых технологий, включающий как непосредственно спецификацию HTML5, так и множество модулей CSS3, различные API для JavaScript, да и сам новый стандарт для JavaScript — ECMAScript5.

Рассмотрим некоторые ключевые особенности html5:

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Он более простой, более простая структура элементов на странице, что упрощает создание и отладку кода.

Он предоставляет стандартные элементы для медиа объектов, которые ранее требовали установки отдельных плагинов, которые приходилось постоянно обновлять.

В нем есть своя интеграция с интерфейсами, которые могут понадобиться в современных приложениях. Как пример можно привести геолокацию, которая позволяет браузеру определить местоположение пользователю (его координаты). Ранее это можно было сделать только через GPS.

Что дает HTML5?

Для разработчиков html5 помогает писать понятный семантический код. Позволяет управлять многими процессами на странице своими стандартными методами, без использования javascript или сторонних плагинов и сервисов. Это означает, что решаются некоторые проблемы кроссбраузерности, поскольку браузеры одинаково реализуют новые возможности.

Также html5 делает удобной работу в сети и для обычных пользователей. Например, увеличивается скорость работы, использование браузера становится более удобным. Для того, чтобы смотреть ролики из youtube не нужно устанавливать дополнительные плагины и постоянно обновлять их.

Цели HTML5

Кратко цели html5 можно назвать так:

Ликвидация плагинов, таких как Flash, для общих функций, которые необходимы каждому. Построить собственную поддержку для таких вещей, как аудио, видео и т.д.

Снижение потребности в JavaScript и дополнительном коде, благодаря использованию новых html5 элементов.

Обеспечение согласованности между браузерами и устройствами.

Сделать все это настолько прозрачным, насколько это возможно.

Новые возможности HTML5

Новых функциональных возможностей в html5 очень много. Сегодня даже самые последние версии современных браузеров поддерживают полностью все функции html5. Поэтому в данной статье мы рассмотрим лишь основные возможности html5.

Новые элементы html5

Новые элементы html5 позволяют быстрее создавать разметку для страницы, она становиться проще, более понятна и упрощается процесс отладки. Вот некоторые новые теги:

для любых видов меню

для сайдбаров или связного контента

практически то же, что и div

и теги позволяют проигрывать видео без плагинов

для рисование на странице использую javascript

для вставки внешнего контента на страницу

Наряду с тем, что появились новые теги часть существующих тегов в HTML5 приобретает новое значение. Так, если раньше выбор между i и em (аналогично b и strong) был чаще в пользу более короткого написания, то сегодня это теги с различной смысловой нагрузкой, даже если по умолчанию они имеют одинаковое представление курсивом или жирным начертанием.

Другая часть нововведений касается непосредственно вопросов доступности: здесь, прежде всего, речь идет об aria- и role-атрибутах, позволяющих разметить предназначение и роли контента. Эта информация впоследствии, к примеру, может использоваться программами для чтения с экрана (screen reader).

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Надо сказать, что обеспечение доступности не самая тривиальная задача, и в HTML5 чуть ли не впервые уделено столь большое внимание этому вопросу.

Еще одним преимуществом html5 является наличие в нем продвинутых функций, включая интеграцию API. Это упрощает написание кроссбраузерного кода на javascript для сложных приложений. Вот некоторые из них:

Audio and video позволяет проигрывать видео в браузере без плагинов.

Geolocation: определяет положение посетителя.

Drag and drop: например, для загрузки файла перетаскиванием его в браузер.

Application cache: обеспечивает поддержку открытия сайтов offline.

Web workers: запускает JavaScript в фоновом режиме

Server sent events: позволяет серверам обновлять веб-страницы в браузере после того, как они уже были загружены, проще и эффективнее, чем AJAX и JavaScript.

Offline data storage: позволяет хранить данные локально в браузере, независимо от cookies

Примеры использования html5

Давайте посмотрим на html5 в действии! HTML5 позволяет создавать новую, более простую и чистую разметку для страниц. Код становится более контентоориентированным и его проще читать и понимать. Вот пример простой веб-страницы на html5:

Источник: webformyself.com