HTML5 | История языка
177
Веб-программирование — HTML5 — История языка HTML5
Историю развития языка HTML можно сравнить с детективным рассказом в том, что в ней есть свой неожиданный поворот событий, в результате которых появилась новая версия языка — HTML5.
Предполагалось, что язык HTML уйдет в небытие, не дожив до XXI столетия. Организация W3C (World Wide Web Consortium — Консорциум Всемирной паутины), которая занимается разработкой и внедрением официальных стандартов Всемирной паутины, забросила язык HTML в далеком 1998 г., считая его не способным на дальнейшее выживание.
Свои надежды на будущее консорциум W3C возлагал на модернизированного наследника HTML — язык XHTML. Но язык HTML не умер. Его «подобрала» группа программистов-аутсайдеров и не только возвратила его к жизни, но и заложила основу для новых возможностей, которые мы с вами и исследуем.
Как вы знаете, HTML — это язык для создания веб-страниц.
Но успех и почтенный возраст также несут с собой определенные существенные угрозы. Что и случилось с языком HTML — в 1998 г. консорциум W3C прекратил его поддержку и попытался заменить его языком на основе языка XML — XHTML 1.0.
На рисунке ниже схематично показана история развития HTML:
XHTML 1.0
В стандарте XHTML используются те же синтаксические соглашения, что и HTML, но в нем ужесточены требования к следованию установленным правилам. Большая часть отступлений от правил разметки, которые сходят с рук в традиционном HTML, попросту неприемлемы в XHTML.
Например, допустим, что вы хотите выделить курсивом последнее слово заголовка следующим образом:
<h2>История языка <i>HTML5</i></h2>
Но при этом вы случайно поменяли местами два последних тега:
<h2>История языка <i>HTML5</h2></i>
Когда браузер сталкивается с этой слегка подпорченной разметкой, он в состоянии «понять», что вы действительно имели в виду, и без малейших претензий выделяет последнее слово курсивом.
Но несовпадающие теги нарушают официальные правила XHTML. Если проверить эту страницу в валидаторе формата XHTML (или открыть ее в какой-либо программе для разработки веб-сайтов, например Dreamweaver), то будет выведено сообщение, указывающее на эту ошибку.
В отношении разработки веб-сайтов это полезно, т. к. позволяет отловить небольшие ошибки, вследствие которых страница может отображаться по-разному в различных браузерах, или которые могут вызвать более серьезные проблемы при попытке отредактировать страницу с целью ее улучшения.
Поначалу XHTML пользовался большим успехом. Профессиональные веб-разработчики, раздосадованные индивидуальными особенностями отображения страниц браузерами и вседозволенностью в области веб-разработки, скопом переходили на XHTML. При этом они были вынуждены совершенствовать свои навыки работы и отказываться от использования значительного количества полусырых возможностей форматирования, предоставляемых HTML.
Но многие из предполагаемых преимуществ XHTML — такие как функциональная совместимость с инструментами XML, облегчение обработки страниц автоматизированными программами, переносимость на мобильные платформы, а также расширяемость самого языка XHTML — так никогда и не материализовались.
Тем не менее XHTML стал стандартом для большинства серьезных веб-разработчиков. Но в то время, как все казались достаточно довольными этим языком разметки, у него был один скелет в шкафу: хотя браузеры понимали разметку XHTML, они не обеспечивали строгую проверку отступлений от правил, требуемую этим стандартом. Это означает, что страница может быть создана с нарушением правил XHTML, но браузеры и глазом не моргнут при ее обработке.
Более того ничто не могло помешать веб-разработчику бросить в одну кучу небрежно написанную разметку и устаревшее HTML-содержимое и назвать все это страницей XHTML. Ни один браузер на планете не имел бы никаких претензий при обработке такой страницы. И это обстоятельство вызывало у людей, ответственных за стандарт XHTML, глубокое чувство тревоги.
XHTML 2: неожиданный провал
Эта проблема должна была, по идее, быть решенной в следующей версии — XHTML 2. В ней нужно было ужесточить правила обработки ошибок, которые бы заставляли браузеры не обрабатывать страницы, не отвечающие стандарту XHTML 2.
В XHTML 2 также избавились от многих странностей и соглашений, унаследованных от HTML.
Например, система нумерации заголовков (<h2>, <h3>, <h4> и т. д.) была заменена одним элементом <h> с уровнем обозначаемого им заголовка, зависящего от местонахождения этого элемента в веб-странице. Подобным образом элемент <a> был заменен возможностью, позволяющей веб-разработчикам преобразовывать любой элемент в ссылку, а вместо атрибута alt элемента <img> был предложен новый способ предоставления альтернативного содержимого.
Изменения такого рода были типичными для XHTML 2. С теоретической точки зрения, они делали язык более аккуратным и были более понятными. Но с практической стороны, они вынуждали всех изменить свой подход к созданию веб-страниц (не говоря об обновлении уже созданных веб-страниц), не добавляя при этом никакой новой функциональности, чтобы оправдать всю эту работу. Попутно из XHTML 2 было удалено несколько удобных элементов, которые все еще пользовались популярностью среди веб-разработчиков, таких как <b> (полужирный текст), <i> (текст курсивом) и <iframe> (для вложения одной веб-страницы в другую).
Но, возможно, худшей проблемой оказалась чрезвычайно медленная скорость внесения изменений. Разработка XHTML 2 тащилась в течение пяти лет, и интерес разработчиков к этому стандарту медленно угасал.
HTML5: возвращение к жизни
Приблизительно в то же самое время (начиная с 2004 г.) группа разработчиков начала рассматривать будущее Всемирной паутины в другом ракурсе. Вместо того чтобы попытаться разобраться, что было неправильным (или просто «грязным» с философической точки зрения) в HTML, они сфокусировались на том, чего в нем не хватало, что хотели бы иметь веб-разработчики для воплощения своих идей.
В конце концов, HTML зародился как инструмент для отображения документов. С добавлением языка сценариев JavaScript, HTML преобразовался в систему для разработки веб-приложений, таких как поисковые движки, онлайновые магазины, картографические инструменты, средства чтения электронной почты и многие другие. Но в то время как искусное веб-приложение может делать много чего впечатляющего, создать такое приложение — задача не из легких.
Большинство разработчиков использует для этого мешанину кода JavaScript, один или несколько популярных инструментариев JavaScript, а также веб-приложение, исполняемое на веб-сервере. Добиться правильного и единообразного взаимодействия всех этих составляющих на разных браузерах — сложная задача.
Такая ситуация вызывала особенную озабоченность среди разработчиков браузеров, поэтому группа дальновидных разработчиков из компании Opera Software (создатели браузера Opera) и компании Mozilla Foundation (создатели браузера Firefox) начали агитировать за включение в XHTML больше возможностей, ориентированных на разработчиков. Когда их попытки не увенчались успехом, компании Opera, Mozilla и Apple создали группу WHATWG (Web Hypertext Appliccation Technology Working Group — рабочая группа по технологии гипертекстовых веб-приложений) с целью работы над новыми решениями.
Группа не ставила перед собой задачу заменить HTML, ее целью было плавное расширение языка, и причем такое, чтобы расширения были обратно совместимыми.
Надо сказать, что самая ранняя версия работы этой группы включала две спецификации расширений — Web Applications 1.0 и Web Forms 2.0. В конечном итоге эти стандарты эволюционировали в HTML5.
Предполагается, что число 5 в названии HTML5 означает: данный стандарт является продолжением стандарта HTML (последней версией стандарта HTML перед XHTML была версия 4.01). Это, конечно же, не совсем верно, т. к. HTML5 поддерживает все разработки, существовавшие в области создания веб-страниц в течение десяти лет после выпуска HTML 4.01, включая строгий синтаксис в стиле XHTML (если разработчики желают использовать его), а также множество инноваций для JavaScript. Тем не менее это название делает ясным следующее: язык HTML5 может поддерживать соглашения XHTML, но требует следования правилам HTML.
В 2000-х все интересное происходило в лагере группы WHATWG. После некоторого периода болезненных размышлений организация W3C решила распустить работающую над XHTML 2 группу и работать вместо этого над формализацией стандарта HTML5.
На этом этапе первоначальный стандарт HTML5 был разделен на более управляемые части, и многие из его функциональных возможностей стали отдельными стандартами.
Что входит в состав HTML5?
Браузеров, «поддерживающих» HTML5, не существует. Вместо этого, каждый браузер поддерживает постепенно расширяющееся подмножество возможностей HTML5. Этот подход является как хорошим, так и плохим. Хорош он потому, что браузеры могут быстро реализовать готовые части стандарта HTML5, пока другие возможности продолжают развиваться. А плох он тем, что заставляет веб-разработчиков беспокоиться о проверке, поддерживает ли конкретный браузер каждую функциональную возможность, которую они хотят использовать.
Далее приводится список и короткое описание основных категорий функциональных возможностей, охватываемых HTML5:
- Ядро HTML5
Эта часть HTML5 составляет официальную версию спецификации организации W3C. Она содержит новые семантические элементы, новые и усовершенствованные элементы управления для веб-форм, поддержку аудио и видео, а также холст для рисования с помощью JavaScript.
В эту категорию входит большинство функциональных возможностей, которые наилучшим образом поддерживаются браузерами.- Ранние возможности HTML5
- Возможности, иногда называемые HTML5
Это возможности следующего поколения, которые часто считаются частью HTML5, хотя они никогда не входили в стандарт HTML5. Эта категория включает спецификацию CSS3 и геолокацию.
В эту категорию входит большинство функциональных возможностей, которые наилучшим образом поддерживаются браузерами.В результате перехода поддержки HTML сначала от организации W3C к группе WHATWG, а потом обратно, возникла довольно необычная ситуация. Технически организация W3C отвечает за определение, что является официальным HTML5, а что — нет.
Но в то же самое время группа WHATWG продолжает свою работу, придумывая будущие возможности HTML. Только теперь она называет его не HTML5, а просто HTML, объясняя это тем, что HTML будет продолжать существовать, как живой язык.
Так как HTML является живым языком, то HTML-страница никогда не устареет и не перестанет работать. Для HTML-страниц никогда не потребуется номер версии (даже в блоке указания типа документа <doctype>), а веб-разработчикам никогда не понадобится обновлять свою разметку от одной версии языка к другой, чтобы она работала на новых браузерах.
Так как HTML — это живой язык, новые возможности (и новые элементы) можно добавлять к стандарту HTML в любое время. Некоторые разработчики могут решить использовать эти возможности в своих веб-страницах, а некоторые разработчики веб-браузеров — поддерживать их в своих продуктах. Но возможности никогда не будут привязаны к какой-либо конкретной версии стандарта.
С текущим, продолжающимся развиваться, черновым вариантом стандарта HTML включающим материал, который называется HTML5, а также небольшой, но постоянно развивающийся набор новых, неподдерживаемых возможностей, можно ознакомиться на сайте http://whatwg.
Ознакомиться с официальной версией стандарта HTML5 организации W3C можно на веб-сайте по адресу: www.w3.org/TR/html5.
«HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств», Бен Фрейн
Название книги: HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств
Год: 2014
Автор: Бен Фрейн
Страниц: 304
Язык: Русский
Формат: pdf, mobi, epub, fb2
Размер: 9.9 MB, 4.2 MB, 5.9 MB, 14.8 MB
Описание книги «HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств»
Если вы решили, что вам необходимо создать мобильную версию вашего сайта, не торопитесь, подумайте еще! Адаптивный веб-дизайн позволит вам разработать единый вариант сайта, который будет отлично смотреться на экранах смартфонов, настольных компьютеров и другой подобной техники. Дизайн такого сайта будет легко приспосабливаться под определенный размер пользовательского экрана, обеспечивая наиболее качественное взаимодействие, возможное на устройствах как сегодняшнего, так и завтрашнего дня.
Эта книга — исчерпывающее практическое руководство по тому, как сделать адаптивным имеющийся дизайн с фиксированной шириной. Кроме того, в ней описываются новейшие и самые полезные методики, обеспечиваемые HTML5 и CSS3 и позволяющие сделать дизайн сайта более компактным и удобным в сопровождении, чем когда-либо прежде. В этой книге также разъясняются общие и наиболее эффективные методы написания и доставки кода, изображений и файлов.
Если вам понятны HTML и CSS, то вы сможете создавать адаптивные веб-дизайны.
Целевая аудитория книги:
Вы создаете два сайта — один для экранов мобильных устройств и еще один для более крупных мониторов? Или вы, возможно, слышали об адаптивном веб-дизайне, но точно не знаете, как соединить его с HTML5 и CSS3? Если так оно и есть, то эта книга обеспечит вас знаниями, необходимыми для того, чтобы перевести веб-страницы на следующий уровень, прежде чем это сделают все ваши конкуренты!
Издание предназначено для веб-дизайнеров и веб-разработчиков, которые в настоящий момент создают сайты с фиксированной шириной, используя HTML 4.
1 и CSS 2.1. Здесь объясняется, как создавать адаптивные сайты с применением HTML5 и CSS3, приспосабливающиеся к любому размеру экранов устройств.
- Знакомство с HTML5, CSS3 и адаптивным веб-дизайном.
- Медиазапросы: поддержка разных областей просмотра.
- Использование «резиновых» макетов.
- HTML5 для адаптивных веб-дизайнов.
- CSS3: селекторы, типографика и цветовые режимы.
- Великолепная эстетика с использованием CSS3.
- CSS3-переходы, трансформации и анимации.
- Покорение форм с помощью HTML5 и CSS3.
- Решение кросс-браузерных проблем с адаптивностью
Скачать книгу «HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств»
скачать pdf
скачать mobi
скачать epub
скачать fb2
Читать книгу «HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств» онлайн
Оцените книгу
[Всего: 3 Средний: 4.
3]
FLIP HTML5 — это интерактивная цифровая издательская платформа html5, которая упрощает создание интерактивных цифровых публикаций, включая журналы, каталоги, газеты, книги и многое другое в Интернете. Создайте флипбук HTML5 из PDF для просмотра на устройствах iPhone, iPad и Android.
Ваши публикации читают миллионы читателей по всему миру.
СДЕЛАЙТЕ ПЕРЕЛИВАЮЩУЮСЯ КНИГУ
Создать реалистичный адаптивный HTML5 FlipBook из PDF
Смотреть видео10+шаблонов
Полная настройка
Настройте свои флипбуки HTML5 с помощью более 10 шаблонов книг и тем и получите профессиональный флипбук с минимальной необходимой конфигурацией. FlipHTML5 также поддерживает переворот по вертикали или горизонтали. Кроме того, наслаждайтесь полным контролем, чтобы персонализировать любой его аспект.
Онлайн-редактор,
Добавить мультимедиа в
Цифровые публикации
Добавляйте мультимедиа (видео, ссылки, аудио, изображения) в книги с помощью онлайн-редактора, для этого не требуется устанавливать настольный клиент.
Попробуйте
Пользовательский домен,
Маркетинг
Брендинг
FlipHTML5 предоставляет возможность иметь личный домен для книги, что позволяет вам использовать собственный бренд для ваших книг HTML5 вместо FlipHTML5.
Бесплатный онлайн-хостинг и
Самостоятельный хостинг
FlipHTML5 предлагает пользователям бесплатный онлайн-хостинг, чтобы вы могли публиковать свои книги в Интернете, даже если у вас нет веб-сайта. Если у вас есть собственный сервер, вы также можете экспортировать книги на локальный компьютер и размещать книги на своем веб-сайте.
Читай и работай
Везде и в любое время
FlipHTML5 стремится предложить читателям удобный опыт чтения. Книги, созданные с помощью FlipHTML5, работают во всех современных веб-браузерах, и пользователи также могут управлять книгами на мобильных устройствах, что помогает эффективно и быстро обрабатывать книги.
Доступ к статистике
Узнайте больше о своих книгах
Узнайте статистику своих книг, включая посещения домашней страницы, прочитанные публикации, просмотры книжных шкафов, общий доступ к книжным шкафам, общий доступ к книгам и т.
д.
FlipHTML5 News & Reviews
«FlipHTML5 станет одной из самых популярных издательских платформ в будущем. Я никогда не думал, что технология публикации HTML5 может быть такой мощной! Тем не менее, команда FlipHTML5 добилась этого. Выберите FlipHTML5, встречайте расцвет мобильного интернета!»
«Возможно, лучший FLIPBOOK MAKER на рынке прямо сейчас … может даже интегрировать Google Analytics для проверки трафика ваших онлайн-флипбуков, а также может сделать любой созданный флипбук SEO-дружественным, индексируя текст из файлов PDF как а также оптимизация заголовка страницы и метаданных».
«Часто бывает сложно делиться работой, когда у многих клиентов либо нет программы для чтения PDF, либо они не знают, как ею пользоваться, что не позволяет им видеть наши макеты так, как задумано. С FlipHTML5 нам не о чем беспокоиться что наше вложение в формате PDF слишком велико для отправки по электронной почте, так как мы можем просто отправить клиенту ссылку».
«Как маркетинговое агентство, которое занимается созданием печатных и цифровых коммуникаций, FlipHTML5 позволяет нам легко отображать примеры годовых отчетов, книг, Библий и печатных публикаций в наших тематических исследованиях и на веб-сайтах наших клиентов.
Это наиболее гибкий и комплексное решение, которое мы нашли».
Наши клиенты любят нас так же сильно, как мы любим их.
У нас есть друзья, чтобы доказать это.
RIEDEL, семейная компания по производству бокалов с 300-летней историей, использует FlipHTML5 для создания информативных и хорошо оформленных онлайн-брошюр и каталогов, что позволяет их клиентам с легкостью узнать больше о компании и ее потрясающих продуктах.
Узнать больше
Бизнес-школа Saïd, ведущая мировая школа MBA, использует FlipHTML5 для ознакомления с преимуществами и опытом обучения программ MBA.
Узнать больше
Компания 4MD Medical, ведущий дистрибьютор медицинского оборудования и расходных материалов в США, размещает более 1000 страниц каталога продукции на FlipHTML5, гарантируя своим клиентам легкий доступ к более чем 250 000 продуктов SKUS.
Узнать больше
Разделение страсти и эмоций бренда — всегда непростая задача для ювелиров.
Gabriel & Co, известный ювелирный бренд из Нью-Йорка, насчитывающий более 1200 розничных продавцов по всей стране, делится своими уникальными дизайнами с клиентами через фэшн-флипбуки.
Подробнее
Подробнее Практические примеры в нашем учебном центре
Powerful Digital Magazine Creator
СОЗДАТЬ СЕЙЧАС
Мы обещаем
БЕЗОПАСНОСТЬ
Мы ценим вашу конфиденциальность и защищаем ваши финансовые и личные данные с помощью полного шифрования и расширенной защиты от мошенничества.
100% CLEAN
Наше программное обеспечение не содержит вредоносных программ или вирусов. Это безопасно для установки и запуска.
СЛУЖБА ПОДДЕРЖКИ
Знающие представители готовы помочь вам по электронной почте в течение 1 рабочего дня.
ИСПОЛЬЗОВАТЬ КАК
Создатель цифрового журнала как создать интернет-журнал лучшая платформа для цифровых журналов создать цифровой журнал как создать цифровой журнал бесплатное средство для создания флип-книг бесплатное средство для создания флипбуков на jquery Издатель журнала с бесплатным перелистыванием страниц бесплатное фото на флипбук Создатель PDF в флипбук для iPad бесплатный издатель электронных книг бесплатное средство для перелистывания страниц бесплатная книга с перелистыванием PDF в html5 онлайн-производитель брошюр онлайн-производитель плакатов онлайн-конструктор флаеров онлайн-производитель брошюр платформа для публикации журналов идеи флип-книги флипбук как сделать брошюру как сделать флипбук как сделать журнал как сделать листовки как сделать свой плакат делать журнал сделать свой собственный журнал онлайн-создатель брошюр
Бесплатное программное обеспечение для перелистывания PDF в HTML5: создание JQuery Flipbook из PDF
Интерактивная перелистывающая книга Создано FlipHTML5
youtube.com/embed/Uymp0fWioXQ» frameborder=»0″> В FlipHTML5 каждый может конвертировать документы Adobe PDF в переворачиваемые книги с помощью техники HTML5! Всего за несколько кликов вы превратите свою PDF-бумагу в электронную книгу и журнал. Вы можете добавлять видео, радио, гиперссылки в свой флипбук и создавать потрясающие эффекты!
HTML5 PDF Flipping Books Showcase
Вывод в формате HTML — для мобильных устройств
Когда вы преобразовали листающуюся книгу в нашем конвертере HTML5 PDF Flipping Book, вы можете беспокоиться о поддерживаемых устройствах.
Во-первых, в процессе конвертации книги некоторые функции нельзя просмотреть в программном интерфейсе, ну, вы можете скопировать номер в правом верхнем углу основного интерфейса и вставить номер как адрес в браузере для предварительного просмотра.
Плавное чтение во всех браузерах
Различные устройства поддерживаются даже для предварительного просмотра, вы можете скопировать номер в браузер Android, работающий на мобильном телефоне, iPhone, iPad, Mac или ПК, все предварительные просмотры в порядке, так же как и вывод или загруженные листающие книги.
Сделанная книжка-книжка может хорошо работать почти во всех браузерах, независимо от того, какой браузер вы используете, вы можете предварительно просмотреть и формально просмотреть свои собственные книжки-книжки. Общие поддерживаемые браузеры: Google Chrome, Firefox, Opera и Internet Explorer и т. д.
Другие замечательные особенности:
(1). Три основных типа импортируемых файлов: PDF, Office (Open Office и Microsoft Office) и изображения;
(2). Полностью настраиваемая панель «Дизайн», чтобы пользователи знали, насколько сильны их творческие способности;
(3). Индивидуальный набор Закладок, который по сути является своего рода Книгой контента, который привнесет для ваших читателей персональный стиль ведения просмотра;
(4).