История HTML
Создатели SGML стремились к тому, чтобы размеченный текст могла без труда интерпретировать любая программа, работающая на разных компьютерных платформах и устройствах вывода.
SGML является не готовой системой разметки текста, а определяет лишь синтаксис записи элементов разметки – тегов и их атрибутов, а также правила определения новых тегов и указания структурных отношений между ними.
Идеология SGML повлияла на многие компьютерные разработки, однако сам по себе язык не получил обширного распространения.
Как и положено изначально язык HTML разделял все особенности идеологии SGML. Но в 1993 году появляется версия языка HTML 1.2, которая имела сорок с небольшим тегов, три из которых не рекомендованы к использованию, так как указывали на физические параметры предоставления документа, что противоречило идеологии SGML. Вся разметка была логической и только в описательной части стандарта можно было увидеть что-то типа ”в графических браузерах действие этого тега может передаваться жирным начертанием”.
В апреле 1994 года был образован Консорциум W3C (World Wide Web Consortium). Так как официальной спецификации HTML 1.0 не существовало, W3C начал заниматься подготовкой спецификации HTML следующей версии. Но чтобы стандартная версия отличалась от всех предыдущих, ей сразу присвоили номер 2.0. Разработка спецификации HTML 2.0 шла не спеша и лишь в сентябре 1995 года она была утверждена. Из больших дополнений был добавлен лишь механизм форм для отсылки информации с компьютера пользователя на сервер.
Тем временем Консорциум W3 в параллель со спецификацией 2.0 занимался обсуждением HTML 3.0. Она была предложена в марте 1995 года. Третья версия предлагала много новых возможностей: поддержка таблиц, обтекание изображения текстом, отображение сложных математических формул, примечания. Поддержка этого стандарта браузерами того времени была не удовлетворена.
Следующей версией HTML стала 3.2 и в ней были опущены многие нововведения из версии 3.0.
18 декабря 1997 года бала принята четвертая версия HTML. Она содержала как и третья много элементов, специфичных для отдельных браузеров. Хотя в HTML 4.0 произошла чистка элементов из предыдущих версий спецификаций. Многие элементы были помечены как устаревшие и не рекомендуемые к использованию. Вместо них рекомендовалось использовать таблицы стилей CSS.
HTML 4.01 утвердили 24 декабря 1999. Изменения принятые в нем были более значительные, чем, кажется на первый взгляд.
Сейчас W3C занимается разработкой пятой версии языка HTML. Ее черновой вариант стал доступен 20 ноября 2007 года.
Наиболее популярные языки разметки
Наиболее популярные языки разметки
Языки разметки текста представляют собой определённый набор символов, которые необходимы для его корректного вывода на страницу и придания нужной структуры. Таким образом, документ содержит не только сам текст, но и данные об особенностях его составляющих − названиях разделов и подразделов, маркированных списках, использовании того или иного выделения и т. д. В некоторых случаях использование языка разметки позволяет вводить в тело текста интерактивные элементы или части других документов.
Основные языки разметки
Существует достаточно много языков разметки, однако в силу ряда факторов наиболее популярными из них являются следующие:
HTML
Больше всего распространён язык HTML (аббревиатура от английского Hypertext Markup Language − «язык разметки гипертекста»). Он является стандартным для интернет-документов, с его помощью создаются все веб-страницы. Документы, которые содержат в себе специальный код, обрабатываются браузерами и представляются пользователям в удобном интерфейсе. Таким образом, вы получаете возможность просматривать страницы, распечатывать их, использовать для передачи данных на серверы.
Язык HTML открывает такие возможности работы с текстом, как выделение его составляющих полужирным или подчёркнутым шрифтом, курсивом, использование специальных символов, которых нет в предустановленной пунктуации, изменение цвета буквенных и цифровых символов, проведение выравнивания теста, создание отступов, вставка гиперссылки, таблиц. Начало и конец каждого элемента обозначается специальными пометками (тегами), заключёнными в угловые скобки.
XML (в переводе с английского eXtensible Markup Language − расширяемый язык разметки). Название связано с тем, что он не имеет зафиксированного формата. Это значит, что пользователи могут создавать собственные теги, которые позволяют глубоко обработать текстовый документ. Как правило, XML используется с целью осуществления описания грамматики других языков, а также обеспечения контроля над правильностью составления документа. Внешне документы HTML и XML очень похожи. Принципиальное отличие − более высокие требования к тегам во втором случае (например, при простановке тега нужно следить за регистром).
Язык XML позволяет проводить обмен данными даже между системами, которые не имеют совместимости. Это обеспечивает удобную работу с разными типами программ.
Wiki
Wiki-разметка используется для тех веб-страниц, которые могут правиться (дополняться, редактироваться) пользователями. Это позволяет создавать тексты даже тем, кто не разбирается в особенностях HTML-разметки. Безусловно, в этом языке существуют свои правила, но они предельно просты, все изменения можно просмотреть и при необходимости вернуться к первоначальной версии. Благодаря этому исправить ошибки гораздо проще. Администраторы могут ограничить права редактирования размещённых текстов, разрешить проведение манипуляций только определённым пользователям и т. д. Отличительная особенность этой разметки − гипертекстовость (связь документов посредством проставления контекстных гиперссылок).
BBCode
Этот язык разметки применяется для форматирования сообщений, размещаемых на электронных досках с объявлениями, в блогах, на форумах и т. д. Теги похожи на аналоги из HTML, однако заключаются не в угловые, а в квадратные скобки. Появление такой разметки связано с многочисленными ошибками в отображении информации в чатах, на форумах и т. д. из-за относительной сложности стандартного языка. Особенность BBCode заключается в том, что браузеры не воспринимают его самого по себе. Нужно устанавливать специальную программу, которая разберёт текст и преобразует его в понятный и универсальный HTML-код.
Textile
Является одним из наиболее простых языков разметки, похож на предыдущий вид, но имеет несколько большую функциональность. Его основная задача − автоматическое преобразование текста в разметку при сохранении разбивки на абзацы. Язык используется в CMS Textpattern.
Специалисты нашей веб-студии могут оказать вам квалифицированную консультацию по вопросам разметки текстов.
Тема 1. Язык разметки web-страницы
Краткое описание:Данная тема содержит подробное описание языка разметки, являющегося основой любого web-документа. Приводитсяя описание и многочисленные примеры использования элементов языка разметки, включая те, что появились в HTML5.
Роль HTML
HTML (Hypertext Markup Language) – стандартный язык разметки веб-документов. Текст, написанный на языке HTML, интерпретируется браузерами; и в результате полученный форматированный текст отображается на экране монитора компьютера или мобильного устройства.
Как уже отмечалось, считается, что размеченная HTML-страница представляет собой структурный уровень web-документа.
С момента создания HTML прошло исторически совсем немного времени, но это было время стремительного развития языка. Тим Бернерс-Ли в 1994 году основал World Wide Web Consortium, чаще называемый W3C, с целью упорядочения дальнейшей разработки и совершенствования HTML. Консорциум W3C осуществляет надзор за HTML и связанными с ним web-технологиями, выпускает документы, связанные с обновлением и стандартизацией версий HTML, называемые с 1995 года рекомендациями.
Немного истории
Надежды возлагались на усовершенствованную версию HTML — язык XHTML, приближенный к XML. В стандарте XHTML в принципе используются те же синтаксические соглашения, что и HTML, но в нем ужесточены требования к соблюдениюю установленных правил. Те отступления от правил разметки, которые сходят с рук в традиционном HTML, совершенно неприемлемы в XHTML. Так, обязательно следует указывать значений всех атрибутов, закрывать теги, даже непарные, и так далее.
Поначалу XHTML пользовался большим успехом. Профессиональные веб-разработчики, раздосадованные индивидуальными особенностями отображения страниц браузерами и вседозволенностью в области веб-разработки, с энтузиазмом переходили на XHTML. При этом они были вынуждены совершенствовать свои навыки работы, следовать ограничениям и отказываться от использования значительного количества полупризнанных возможностей форматирования, предоставляемых HTML.
Но многие из предполагаемых преимуществ XHTML — такие как функциональная совместимость с инструментами языка XML, облегчение обработки страниц автоматизированными программами, переносимость на мобильные платформы, а также расширяемость самого языка XHTML — так никогда и не реализовались. Кроме того, у XHTML обнаружилась тревожная для людей, ответственных за этот стандарт, особенность: браузеры понимали разметку XHTML, но не обеспечивали строгую проверку отступлений от правил, требуемую этим стандартом. Это означает, что страница может быть создана с нарушением правил XHTML, но браузеры не будут иметь никаких претензий при обработке такой страницы.
По идее, эта проблема должна была быть решенной в следующей версии — XHTML 2. В ней нужно было ужесточить правила обработки ошибок, которые бы заставляли браузеры не обрабатывать страницы, не отвечающие стандарту. В XHTML 2 также избавились бы от многих странностей и соглашений, унаследованных от HTML.
Например, система нумерации заголовков (
Такие изменения типичны для XHTML 2, они делали язык более строгим, аккуратным и понятным. Но на практике они вынуждали изменить подход к созданию веб-страниц, не добавляя при этом никакой принципиально новой функциональности. Попутно из XHTML 2 было удалено несколько привычных элементов, таких, как (полужирный текст), (курсив), (для добавления содержимого одной веб-страницы в другую). Кроме того, изменения оказались слишком медленными и интерес веб-разработчиков к этому стандарту угасал.
Приблизительно в это же время, то есть с 2004 г., группа разработчиков вместо того, чтобы воевать с «неправильностями» в HTML, сфокусировались на том, чего в нем не хватало, какие элементы хотели бы иметь веб-разработчики для воплощения своих идей.
Как известно, HTML зародился как инструмент для отображения текста. С помощью добавления в HTML языка сценариев JavaScript стала возможной разработка веб-приложений, таких, как поисковые механизмы, онлайновые магазины, картографические инструменты, средства чтения электронной почты и многие другие. Правда, создать такое приложение — непростая задача. Большинство разработчиков использует для этого симбиоз кода JavaScript, и его интструментария, а также веб-приложение, выполняемое на сервере. Добиться корректного и единообразного взаимодействия всех этих компонентов на разных браузерах — серьезный труд.
Специальных браузеров, «поддерживающих HTML5», не существует. Каждый браузер поддерживает постепенно расширяющееся подмножество возможностей HTML5. Этот подход хорош потому, что браузеры могут быстро использовать готовые части стандарта HTML5, пока другие возможности продолжают развиваться. А плох он тем, что заставляет веб-разработчиков помнить о проверке того, поддерживает ли конкретный браузер ту или иную функциональную возможность, которую они хотят использовать.
Особенности HTML5
Рассмотрим, чем отличается HTML5 от своих предшественников и какие предоставляет преимущества при использовании.
• Возможность добавления элементов аудио и видео без использования технологии Flash с помощью новых тегов.
• Улучшенные возможности оптимизации под поисковые системы. В HTML5 добавились новые структурные элементы, определяющие конкретную часть сайта: область заголовка, подвал, навигационное меню, статья и другие, то есть страницы не будут представлять собой набор тегов div. Это существенно расширит возможности поисковых систем.
• Разширение возможностей при работе с формами. Появились новые элементы форм: e-mail, tel, url, благодаря которым не придется писать код на JavaScript для проверки правильности заполнения полей. Кроме того, появился элемент datalist, позволяющий создать список вариантов, из которых пользователь сможет выбрать нужный при заполнении поля.
• Упрощённая реализация механизма drag and drop. Теперь реализовать подобный механизм стало намного проще. Раньше, например, автоматическое добавление товара в корзину при перетаскивании мышкой картинки являлось достаточно сложной задачей, теперь же она выполняется быстро и просто.
Появилась возможность узнать местоположение пользователя. То есть узнать точные координаты, где находится посетитель сайта. Появился новый объект: Canvas, позволяющий с помощью специальных функций языка JavaScript рисовать прямо на Web-странице. Это позволяет генерировать изображения на странице без дополнительных запросов к серверу. Раньше без использования возможностей языка PHP сделать такое было невозможно.
Эти и другие возможности HTML5 будем рассматривать а рамках изучения языков разметки веб-страницы.
Так как HTML является живым языком, то HTML-страница никогда не устареет и не перестанет работать. Новые возможности, как и новые элементы, можно добавлять к стандарту HTML в любое время. Но эти возможности никогда не будут привязаны к какой-либо конкретной версии стандарта.
С текущим, продолжающимся развиваться вариантом стандарта HTML включающим материал, который называется HTML5, можно ознакомиться на сайте http://whatwg.org/html. А последние новости по HTML можно узнать в блоге группы WHATWG.
С официальной версией стандарта HTML5 можно ознакомиться на веб-сайте организации W3C: www.w3.org/TR/html5.
Что нужно знать об HTML5
Один из основополагающих принципов HTML 5 состоит в следующем: интересы конечных пользователей стоят на первом месте, разработчиков сайтов – на втором, создателей браузеров – на третьем, и только потом следуют идеологические и теоретические соображения.
HTML 5, в отличие от предыдущих версий, ориентированных в основном на разработчиков кода, строго и тщательно описывает поведение браузеров. Причем от браузеров требуется не только грамотно обрабатывать код, но и, по возможности, исправлять ошибки, и даже предоставлять свободу использовать незнакомые для него элементы. Такое поведение основывается на генеральном принципе HTML5 — обеспечение максимальной совместимости с уже существующим контентом Всемирной паутины. По причине появления нового языка не должны пострадать миллионы уже действующих сайтов и поддерживающие их браузеры.
· В HTML 5 работают элементы разметки HTML4, поэтому веб-разработчику не придется переучиваться или выкидывать всю имеющуюся разметку. Если веб-приложение работает в HTML4, оно также будет работать в HTML5.
Так, например, HTML5 поддерживает все элементы форм, что и HTML4, а также включает новые элементы, такие, как ползунки и выбор даты, поле для ввода адреса электронной почты и другие, позволяющие существенно улучшить функциональность и удобство разрабатываемых форм.
В языке HTML5 объявление типа документа выглядит следующим образом:
Элементы языка HTML
Базовой целью HTML как языка разметки является предоставление семантического описания (смысла) текстового материала и формирование структуры документа. Оно не связано с представлением, т.е. с внешним видом документа в браузере которое является функцией каскадных таблиц стилей CSS (Cascading Style Sheets).
HTML является теговым языком разметки документа. Документ, написанный на языке HTML, представляет собой набор элементов, каждый из которых начинается и заканчивается специальными маркерами — тегами. Некоторые элементы могут быть одиночными или пустыми, то есть не содержащими никакого текста и другого контента (например, тег элемента формы ), тогда закрывающий тег не указывается.
Элементы могут иметь один или несколько атрибутов, определяющих для них какие-либо свойства, например, путь к изображению для элемента img. Атрибуты указываются в открывающем теге.
· Текст располагается между двумя тегами — открывающим и закрывающим. Теги указывают на то, чем является текст (вазный текст, заголовок, гиперссылка и так далее).
·
— тег перехода на другую строку. Этот элемент является одиночным (пустым).
В HTML 5 регистр имени элемента или атрибута не имеет значения, в отличие от XHTML. Элементы могут быть вложенными или располагаться рядом. Перекрываться они не могут.
Ниже приведена базовая раскладка веб-страницы:
Название документа, которое будет выведено в браузере на ярлыке страницы
В теле документа располагается то, что будет отображаться в окне браузера. Обратите внимание, что содержимое body организовано в виде набора элементов.
В области заголовка (тег head) располагается информация о документе, важная для пользователей, браузеров и поисковых систем. Сюда также часто помещают скрипты и встроенные таблицы стилей.