Создание и ввод в эксплуатацию сайта, как платформы для веб-приложения, Проектирование и разработка сайта, Средства разработки, Язык гипертекстовой разметки HTML - Компьютерная лингвистика в образовательной среде

Проектирование и разработка сайта
Средства разработки
Язык гипертекстовой разметки HTML

В Интернете сосредотачивается и передается достаточно большое количество информации. Возможность ее распространения осуществляется за счет протоколов прикладного уровня, позволяющих пересылать гипертекстовую информацию, файлы, почту и т. д. Одним из популярных сервисов для передачи и хранения данных стал WorldWideWeb (WWW).

Всемирная Паутина (или WWW) - это большой объем информации, доступ к которым осуществляется посредством Web-браузеров. Данные технологии предоставляют возможность создавать страницы, связывать их друг с другом или с другими ресурсами в сети, используя при этом гиперссылки.

WWW базируется на "3 китах":

    - URL (UniformRecourseLocator, Унифицированный указатель ресурса) - HTTP (HyperTextTransferProtocol, Протокол передачи гипертекста) - HTML (Hyper Text Mark-Up Language, Язык разметки гипертекста) (http://www. w3.org/)

URL - индивидуальный адрес различных ресурсов в сети Интернет. Каждая страница уникальна, путь состоит из названия протокола - http, затем двоеточие и две дробные черты, имя сервера (например: politic. kwido. net), дробная черта "/" в качестве пути к ресурсу.

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

HTML (HyperTextMarkupLanguage, язык разметки гипертекста) задает структуру содержимого и его смысл, определяя такой контент как, к примеру, заголовки, абзацы или изображения. [Шей Хоу, 2016: 15]

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

Подробнее разберем элементы обработки информации в языке HTML:

<div> и <span> (существуют исключительно в целях стилизации).

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

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

Обычно данные элементы используются в совокупности с атрибутами class или id для стилизации страницы.

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

Заголовки (блочные элементы).

Имеют 6 различных рангов (<h1> - <h6>). Они помогают разделить содержимое на части и установить иерархию. Служат особыми индикаторами как для пользователей, так и для поисковой системы, определяющей содержание веб-страницы.

Необходимо соблюдать порядок использования тегов. Так, основной заголовок обязательно будет заключен в элемент <h1>. Каждый последующий уровень используется с семантическим смыслом, а не служит для выделения текста заголовка.

Абзацы. Определяются блочным элементом <p>. Следуют один за другим, помогают более наглядно структурировать текст, позволяя применять разные стили к отдельным его частям.

Жирный текст (<strong> или <b>). Существует для привлечения внимания к тексту.

<strong>Используется для выделения "сильного" значения текста.

<b>Служит для выделения незначительных, не заслуживающих внимания частей.

Курсивный текст(<em>или <i>). Расставляет особые акценты в тексте.

<em> - наиболее популярный вариант курсива. Применяется для сильного акцентирования.

<i> - используется для текста в кавычках, для передачи текста, написанного другим тоном.

Представленные выше элементы существуют для незначительной обработки текста. Что касается структуры ("шапка", "статья", "подвал" и др.), здесь используется следующий набор элементов:

Достаточно продолжительное время за структуру страницы отвечали контейнеры <div> и <span>, передавая семантическое значение, но не отражая смысл разделяемых частей.

В 5 версию HTML были введены новые базовые элементы, отвечающие за структуру: <head>, <body>, <nav>, <article>, <section>, <aside> и <footer> и др. Они не имеют позиции или стиля, так как используются в качестве блочных элементов. Могут быть использованы неограниченное количество раз.

<head> Служит для обозначения верхней части какого-либо элемента (статьи, страницы и т. д.). Может содержать заголовок, вводный текст, а также навигацию, но стоит помнить, что для последнего существует отдельный элемент:

<nav> - блок ведущих ссылок на странице. Отображает исключительно главные разделы навигации. Внутри данного элемента могут быть всевозможные одноразовые ссылки, но их использование обязательно должно сопровождаться элементом <a>.

<body> Используется для обозначения общего раздела, может содержать в себе все "тело" сайта, включая заголовки. Функция данного элемента частично схожа с <div>, но имеет более глобальную направленность. Шей Хоу "Знакомство с HTML" 2016.

Похожие статьи




Создание и ввод в эксплуатацию сайта, как платформы для веб-приложения, Проектирование и разработка сайта, Средства разработки, Язык гипертекстовой разметки HTML - Компьютерная лингвистика в образовательной среде

Предыдущая | Следующая