Файл: Языки гипертекстовой разметки(Язык гипертекстовой разметки ).pdf
Добавлен: 26.06.2023
Просмотров: 213
Скачиваний: 5
- для создания HTML-страницы подойдет или простой текстовый редактор типа блокнота, или его продвинутые версии, или специальные HTML-редакторы, или программы-конструкторы.
В данной работе использован обычный блокнот и браузер Mozilla Firefox ESR 52.5.0 для просмотра полученного результата.
ЗАКЛЮЧЕНИЕ
Итак, языки разметки предоставляют людям возможность работать с информацией в удобном и структурированном виде, однако сами не имеют удобного представления.
Язык гипертекстовой разметки – это инструмент посредством которого электронный контент разбивают на блоки смысловой информации (заголовки, параграфы, таблицы, рисунки и т.п.). Состоит из набора специальных инструкций, называемых тегами, предназначенных для формирования в документах какой-либо структуры и определения отношений между различными элементами этой структуры.
Гипертекст – это совокупность обычных фрагментов текста, связь между которыми реализуется посредством ссылок, встроенных в информационную систему, что позволяет пользователям осуществлять переход от одного текстового фрагмента к другому по их выбору. Основное преимущество гипертекста состоит в нелинейности повествования, которая позволяет создавать сразу несколько линейных последовательностей в изучении материала, что позволяет, не изучая всю предоставленную информацию, выбирать нужную, что позволяет сэкономить много времени.
Наиболее широко используемый стандартизированный язык разметки документов в Интернете – это HTML.
Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора.
Существует девять версий языка HTML:
HTML 2.0 — опубликован IETF как RFC 1866 в статусе Proposed Standard (24 ноября 1995 года);
HTML 3.0 — 28 марта 1995 года — IETF Internet Draft (до 28 сентября 1995 года);
HTML 3.2 — 14 января 1997 года;
HTML 4.0 — 18 декабря 1997 года;
HTML 4.01 — 24 декабря 1999 года;
ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 года;
HTML5 — 28 октября 2014 года;
HTML 5.1 начал разрабатываться 17 декабря 2012 года. Рекомендован к применению с 1 ноября 2016 года.
HTML 5.2 был представлен 14 декабря 2017 года.
Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.
HTML до его 5-ой версии определялся как приложение SGML. Спецификации HTML5 формулируются в терминах DOM.
SGML - обобщенный метаязык, позволяющего строить системы логической и структурной разметки любых разновидностей текстов и не несущий информации о внешнем виде документа;
XML - это метаязык, определяющий другие языки разметки для специфических целей, предназначен для хранения структурированных данных и для обмена информацией между программами;
XHTML - язык разметки гипертекста, основанный на XML и максимально приближенный к стандартам HTML. XHTML отличается от HTML строгостью написания кода;
WML – язык разметки для работы в Интернет беспроводных устройствах (WAP), основанный на XML. WML используется для описания контента и пользовательского интерфейса для особого класса узкополосных устройств.
HTML-документ состоит из, собственно, текста - данных, составляющих содержимое документа, и тегов — специальных конструкций языка HTML, используемых для разметки документа и управляющих его отображением. Графическая и звуковая информация, имеющаяся в HTML-документе, хранится в отдельных файлах.
Как правило, теги используются парами, состоящими из открывающего <имя_тега> и закрывающего </имя_тега> тегов, которые иначе называют контейнером. Основными тегами, используемыми HTML, являются html, head, body. Тегом html определяется все содержание документа. Внутри head размещается служебная информация, которая не видна на открытой веб-странице, необходимая браузеру для корректной интерпретации html документа и поиске браузерами. Вся информация, которая отображается на веб-странице, помещается между закрывающим и открывающим тегами body.
Для создания HTML-сайта необходимы браузер и текстовый редактор. В данной работе использован браузер Google Chrome и текстовый редактор Notepad, посредством которого создан сайт из семи страниц под названием «Языки гипертекстовой разметки». Для его создания использована табличная верстка. Все документы, связанные с созданием сайта, сохранены в папке "htdocs". Две страницы, на которые имеются ссылки на главной странице сайта, созданы самостоятельно, остальные ссылки на сайте перенаправляют пользователя на созданные сайты иных разработчиков, посвященные соответственно SGML, XML, HTML, XHTML и WML.
На сегодняшний день семейство языков, произошедших от SGML (Standart Generalized Markup Language), занимает доминирующие позиции в задачах представления информации. Наиболее часто используемыми языками этого семейства являются XML, HTML и XHTML.
.
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ
- Dave Raggett, Getting started with HTML / Dave Raggett // URL: https://www.w3.org/MarkUp/Guide/ (Дата обращения: 03.02.2018)
- HTML Current Status / World Wide Web Consortium (W3C) // URL: https://www.w3.org/standards/techs/html#w3c_all (Дата обращения: 03.02.2018)
- Steven Pemberton, XML Events for HTML Authors / Steven Pemberton // URL: https://www.w3.org/MarkUp/2004/xmlevents-for-html-authors (Дата обращения: 03.02.2018)
- Ted Nelson, A File Structure for the Complex, the Changing, and the Indeterminate / Ted Nelson // URL: https://archive.org/details/nelson-file-structure (Дата обращения: 06.02.2018)
- XHTML Modules and Markup Languages / // URL: https://www.w3.org/MarkUp/Guide/xhtml-m12n-tutorial/ (Дата обращения: 03.02.2018)
- Антониоу Григорис, Семантический веб. Руководство / Антониоу Григорис, Гросс Паул, Фрэнк ван Хармелен, Хоекстра Ринке. – М.: ДМК пресс, 2016г. – 240с.
- Асхатова Л.И. Развитие языков разметки / Л.И. Асхатова, Э.Р. Галимов, И.М. Габдуллин // APRIORI. Серия: естественные и технические науки, № 2, 2015, с.1 (Дата обращения: 02.02.2018)
- Барнаш В.Г. HTML - развитие языка стандарта отображения страниц / В.Г. Барнаш, Т.А.Коваленко // Вестник научных конференций, № 2-6 (18), 2017, с.14-15 (Дата обращения: 02.02.2018)
- Белякова Д.Г. Язык разметки гипертекста HTML как инструментальное средство разработки электронных учебных пособий / Д.Г. Белякова, М.С. Герасимова, А.А. Салмин // наука, техника и образование, № 6 (24), 2016, с.54-56 (Дата обращения: 02.02.2018)
- Демин И.С. Многослойная модель гипертекста / И.С. Демин // Вестник тамбовского государственного технического университета, т.9, №2, 2003, с.199-203 (Дата обращения: 03.02.2018)
- Дунаев В.В. (Х)HTML, скрипты и стили. Самое необходимое / В.В. Дунаев. – СПб.: БХВ-Петербург, 2013 г. - 496 с.
- Коваленко Т.А. Анализ возможностей языка HTML / Т.А. Коваленко, В.Г. Барнаш // Наука и мир, т.1, №4 (44), 2017, с.64-65 (Дата обращения: 03.02.2018)
- Рязанцева Т.И. Гипертекст и электронная коммуникация / Т.И. Рязанцева. – М.: URSS, 2010 г. – 256с.
- Степанов А.В. Языки разметки / А.В. Степанов // Компьютерные инструменты в образовании, №1, 2008, с.11-18 (Дата обращения: 02.02.2018)
- Степанов А.В. Языки разметки. Часть 2: Основные средства форматирования / А.В. Степанов // Компьютерные инструменты в образовании, №2, 2008, с.12-19 (Дата обращения: 02.02.2018)
- Степанов А.В. Языки разметки. Часть 3: Верстка таблиц / А.В. Степанов // Компьютерные инструменты в образовании, №3, 2008, с.3-12 (Дата обращения: 02.02.2018)
- Сухов К. Контуры HTML 5: больше тегов, хороших и разных. Обзор предварительной спецификации нового стандарта языка гипертекстовой разметки / К. Сухов // Системный администратор, № 2 (63), 2008, с.70-75 (Дата обращения: 03.02.2018)
- Сухов К. HTML 5 - путеводитель по технологии / К. Сухов. – М.: ДМК Пресс, 2013 г. - 352 с.
- Теодор Нельсон создаёт технологию гипертекста / URL: http://vikent.ru/enc/676/ (Дата обращения 03.02.2018)
- Тим Бернерс-Ли. Да пребудет с нами Веб! / Тим Бернерс-Ли // В мире науки, №2, 2011. – С.78-95
- Учебник HTML / URL: http://ru.html.net/tutorials/html/ (Дата обращения 03 - 18.02.2018)
- Хрусталев А.А. HTMLS + CSS3. Основы современного WEB-дизайна / А.А. Хрусталев, А.В. Кириченко. – М.: Наука и Техника, 2018г. - 352с.
- Ципоркина Т.Л. Web-конструирование / Т.Л. Ципоркина, А.В. Греков // Научные исследования: от теории к практике, № 1 (7), 2016, с.13-14 (Дата обращения: 04.02.2018)
- Шапошников И. Web-сервисы Microsoft. NET / И. Шапошников. – СПб.: БХВ-Петербург, 2002г. – 336с.
ПРИЛОЖЕНИЕ 1
Таблица 1.1
Достоинства и недостатки HTML
|
Достоинства |
Недостатки |
|
|
HTML |
Легковесный и простой язык для построения документов |
Нестандартность языка приводила к путанице в конструкциях сайтов и неправильному отображению страницы на разных браузерах. Нет поддержки воспроизведения аудио и видео, анимации. Парсер предшествующего языка несовместим с этим стандартом. |
|
HTML2 |
Кросс-браузерность Избавление от диалектов языка |
Нет поддержки воспроизведения аудио и видео, анимации. Версии браузеров, вышедшие до этого стандарта, не совместимы с новыми функциями. |
|
HTML3 |
Создание таблиц Обтекание изображений текстом Отображение сложных математических формул Поддержка gif формата Поддержка таких технологий как Java и Flash Player |
Трудная реализация для браузеров того времени. Без дополнительных плагинов нет возможности воспроизведения видео и аудио. Версии браузеров, вышедшие до этого стандарта, не совместимы с новыми функциями. |
|
HTML4 |
Упрощение языка Введение технологии каскадных таблиц стилей CSS Улучшена совместимость с предыдущими версиями HTML JavaScript и CSS дали возможность делать анимацию объектов страницы без дополнительных плагинов Поддержка динамических объектов |
Без дополнительных плагинов нет возможности воспроизведения видео и аудио. Версии браузеров, вышедшие до этого стандарта, не совместимы с новыми функциями. |
|
HTML5 |
Упрощение конструкции сайта Функция рисования Функция проигрывания аудио и видео Редактирование документов в браузере Технология отображения трехмерной графики Замещение функций плагинов встроенными функциями Эффект анимации объектов страницы без JavaScript |
Версии браузеров, вышедшие до этого стандарта, не совместимы с новыми функциями. |
Таблица 1.2
Преимущества и недостатки языка XML
|
Преимущества |
Недостатки |
|
• язык разметки, который позволяет стандартизировать вид файлов-данных в виде текста, который будет понятен человеку; • поддержка Юникод; • возможность описания записей, списков, деревьев, форматированного текста; • описание структур и имен полей, как описание значения полей, иными словами – это самодокументируемый формат; • строго определенные требования к анализу и синтаксис, позволяющие быть простым, непротиворечивым и эффективным; • основан на стандартах международного уровня; • иерархическая структура подходит для описания любых документов, кроме видео и аудио файлов, растровых изображений, двоичных данных и сетевых структур данных; • простой текст, свободный от всяких ограничений и лицензирования; • подмножество SGML; • свободен от всяких требований на порядок расположения атрибутов в элементах; • реализация парсеров для всех языков программирования; • XSLT стандартный механизм преобразования; • поддерживается на низком программном уровне. |
• избыточный синтаксис; • размер документа больше бинарного представления данных; • размер документа больше, чем документа в других форматах передачи текстовых данных; • возрастание стоимости хранения, передачи и обработки данных; • содержит метаданные, и одновременно является языком взаимодействия открытых систем; • для большого количества задач можно использовать более простые решения; • отсутствие общепринятой методологии; • неоднозначность моделирования; • не содержит язык поддержки для типов данных; • ограниченность модели данных; • сложное использование пространств имен. |
Таблица 1.2
Сравнительная характеристика языков гипертекстовой разметки
|
Язык |
HTML |
XHTML |
WML |
|
Основан на |
SGML |
XML |
XML |
|
Тип разметки |
тег |
тег |
тег |
|
Структурная разметка |
да |
да |
да |
|
Презентационная разметка |
да |
да |
да |
|
Формат использования |
текст/html |
приложение/xhtml+xml |
приложение/wml+xml |
ПРИЛОЖЕНИЕ 2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Пример работы с HTML</title>
<style type="text/css">
.whitetext {
color: #FFF;
font-weight: bold;
}
a:link {
text-decoration: none;
color: #FFF;
}
a:visited {
text-decoration: none;
color: #FFF;
}
a:hover {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
color: #FFF;
}
body {
background-color: #f3f2ef;
}
</style>
</head>
<body>
<table width="940" border="0" align="center">
<tr>
<td colspan="4"><img src="img/logo_mc_synergy_RU.png" width="381" height="40" longdesc="http://my.megacampus.ru/" /></td>
<td width="346" align="right"><img src="img/vdekanat.jpg" width="254" height="34" /></td>
<td width="199" align="right"><img src="img/balashov.jpg" width="194" height="31" /></td>
</tr>
</table>
<table width="940" border="0" align="center">
<tr class="whitetext">
<td align="center" bgcolor="#FF0000"><a href="http://my.megacampus.ru/announce">Объявления</a></td>
<td align="center" bgcolor="#FF0000"><a href="http://my.megacampus.ru/student/up">Обучение</a></td>
<td align="center" bgcolor="#FF0000"><a href="http://my.megacampus.ru/schedule/academ">Расписание</a></td>
<td align="center" bgcolor="#FF0000"><a href="http://my.megacampus.ru/finance">Платежи</a></td>
<td align="center" bgcolor="#FF0000"><a href="http://my.megacampus.ru/docfiles/student">Документы</a></td>
<td align="center" bgcolor="#FF0000">Библиотека</td>
</tr>
<tr>
<td colspan="6"><img src="img/obuch_gruppa.jpg" width="938" height="21" /></td>
</tr>
<tr>
<td colspan="6"><a href="http://synergy.ru/lp/zao/new4/?version=vvo&partner=yivanova&utm_source=megacampus&utm_medium=dk&utm_campaign=dk_megacampus_vvo_jan"><img src="img/student_discount.jpg.png" width="940" height="317" /></a></td>
</tr>
<tr>
<td colspan="6"><img src="img/uchplan.jpg" width="938" height="31" /></td>
</tr>
</table>
</body>
</html>