Что такое языки разметки? — Веб-дизайн

Когда вы начнете изучать мир веб-дизайна, вы, несомненно, будете знакомы с рядом новых для вас слов и фраз. Одним из терминов, которые вы, вероятно, услышите, является «разметка» или, возможно, «язык разметки». Чем «разметка» отличается от «кода» и почему некоторые веб-профессионалы используют эти термины взаимозаменяемо? Давайте начнем с рассмотрения того, что же такое «язык разметки».

Давайте посмотрим на 3 языка разметки

Почти каждая аббревиатура в Интернете, в которой есть «ML», является «языком разметки» (большой сюрприз, это то, что означает «ML»). Языки разметки являются строительными блоками, используемыми для создания веб-страниц или любых форм и размеров.

На самом деле в мире существует много разных языков разметки. Для веб-дизайна и разработки есть три конкретных языка разметки, с которыми вы, вероятно, столкнетесь. Это HTML, XML и XHTML.

Что такое язык разметки?

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

<

а также

>

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

Это абзац текста, написанный на HTML

Этот пример является абзацем HTML. Он состоит из открывающего тега (

) закрывающий тег (

) и фактический текст, который будет отображаться на экране (это текст, содержащийся между двумя тегами). Каждый тег содержит символ «меньше» и «больше», чтобы обозначить его как часть разметки.

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

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

Разметка становится языком, когда правила кодифицированы вокруг того, как писать и использовать эту разметку. У того же самого ученика может быть свой «язык разметки для заметок», если он кодифицирует правила, такие как «пурпурная подсветка - для определений, желтая подсветка - для деталей экзамена, а карандашные заметки на полях - для дополнительных ресурсов». 

Большинство языков разметки определяются сторонним органом для использования многими разными людьми. Вот как работают языки разметки для Интернета. Они определяются консорциумом W3C или World Wide Web.

HTML - язык разметки гипертекста

HTML или HyperText Markup Language является основным языком Интернета и наиболее распространенным языком, с которым вы будете работать как веб-дизайнер / разработчик. Фактически, это может быть единственный язык разметки, который вы используете в своей работе.

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

HTML - это определенный стандартный язык разметки. Он основан на SGML (стандартном обобщенном языке разметки). Это язык, который использует теги для определения структуры вашего текста. Элементы и теги определяются символами.

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

Самая новая пронумерованная версия HTML - это HTML5. Эта версия добавила больше возможностей в HTML и убрала некоторую строгость, наложенную XHTML (подробнее об этом языке в ближайшее время). 

Способ выпуска HTML был изменен с появлением HTML5. Сегодня новые функции и изменения добавляются без необходимости выпуска новой пронумерованной версии. Последняя версия языка называется просто «HTML».

XML - расширяемый язык разметки

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

XML - это язык для написания языков разметки. Например, если вы работаете над генеалогией, вы можете создать теги с использованием XML для определения отца, матери, дочери и сына в вашем XML, например: Есть также несколько стандартизированных языков, уже созданных с помощью XML: MathML для определения математики, SMIL для работы с мультимедиа, XHTML и многие другие.

XHTML - расширенный язык разметки гипертекста

XHTML 1.0 - это HTML 4.0, переопределенный для соответствия стандарту XML. XHTML был заменен в современном веб-дизайне HTML5 и изменениями, которые произошли с тех пор. Вы вряд ли найдете какие-либо более новые сайты, использующие XHTML, но если вы работаете на более старом сайте, вы все равно можете столкнуться с XHTML там, в дикой природе. 

Между HTML и XHTML не так много серьезных отличий, но вот что вы заметите:

• XHTML написан в нижнем регистре. В то время как HTML-теги могут быть написаны в верхнем регистре, MiXeD или в нижнем регистре, чтобы быть правильными, теги XHTML должны быть все строчные. (многие веб-профессионалы пишут HTML строчными буквами, хотя это технически не требуется).
  • Все элементы XHTML должны иметь конечный тег. Элементы с одним тегом, такие как и нуждающиеся в закрывающей косой черте (/) в конце тега:

• Все атрибуты должны быть указаны в XHTML. Некоторые люди удаляют кавычки вокруг атрибутов для экономии места, но они необходимы для правильного XHTML.
• XHTML требует, чтобы теги были правильно вложены. Если вы открываете элемент bold (), а затем элемент italics (), вы должны закрыть элемент italics (), прежде чем закрыть bold (). (Обратите внимание, что оба эти элемента устарели, поскольку они являются визуальными элементами. HTML теперь использует и вместо этих двух).
• Атрибуты HTML должны иметь имя и значение. Атрибуты, которые являются автономными в HTML, также должны быть объявлены со значениями, например, атрибут HR будет записан как noshade = "noshade".