HTML - VadimOlga - Продвижение Плюс

Семантическая вёрстка

Семантическая вёрстка, или семантический HTML-код, — это подход к созданию веб-страниц на языке HTML, основанный на использовании HTML-тегов в соответствии с их семантикой (предназначением), а также предполагающий логичную и последовательную иерархию страницы. Он противопоставляется подходу, при котором написание HTML-кода определяется внешним видом веб-страницы. Для оформления веб-страниц, написанных в соответствии с семантикой, используются каскадные таблицы стилей (CSS). Стандарт HTML с самого начала включал в себя ряд семантических тегов, но большую популярность семантическая вёрстка получила после начала работ над HTML5.

В качестве примера можно привести изменения в стандарте HTML, коснувшиеся, в частности, тега физического форматирования <i> (англ. italic, делающего текст курсивным) — вместо него теперь рекомендуется использовать тег логического форматирования <em> (от англ. emphasis, акцентирование). Затем с помо ... Читать дальше »

Категория: HTML | Просмотров: 288 | Добавил: Baron | Дата: 24.09.2016 | Комментарии (0)

Мнемоники в HTML

Символ-мнемоника (англ. entity) — это конструкция SGML, которая ссылается на символ из набора символов текстового файла. В HTML предопределено большое количество спецсимволов. Чтобы вставить определённый символ в разметку, нужно вставить определенную ссылку-мнемонику в HTML-структуру.

Категория: HTML | Просмотров: 259 | Добавил: Baron | Дата: 24.09.2016 | Комментарии (0)

Микроданные

Микроданные (англ. microdata) — это способ семантически размечать сведения о разнообразных сущностях (событиях, организациях, людях, товарах и так далее) на веб-страницах, используя стандартные элементы языка HTML (или XHTML). Пользователь-человек может воспринимать размеченную страницу как обычную веб-страницу (через браузер); в то же время программы-обработчики способны извлечь из такой страницы структурированную информацию, следуя определённым соглашениям.

Пример статьи, размеченной микроданными с использованием словаря schema.org

<h2 itempr ... Читать дальше »

Категория: HTML | Просмотров: 277 | Добавил: Baron | Дата: 24.09.2016 | Комментарии (0)

Метатеги

Метатеги (англ. meta tags) — (X)HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке (теге <head>) (X)HTML-документа. Элемент meta принимает как минимум четыре атрибута: content, http-equiv, name и scheme. Из них обязателен только атрибут content и исключение тег revisit.

Пример использования элемента meta

Один из вариантов применения тега meta — указание HTTP-заголовков, которые должны быть отправлены клиенту до отправки самой веб-страницы. Например:

Категория: HTML | Просмотров: 236 | Добавил: Baron | Дата: 24.09.2016 | Комментарии (0)

Кодировки символов в HTML

Язык гипертекстовой разметки HTML используется с 1991 года, но версия 4.0 (1997) была первой, где представление символов, отличных от ASCII (то есть, английского языка), достаточно стандартизировано.

Определение кодировки средствами HTTP

При отображении HTML-страницы браузерами последним нужно сообщить в какой кодировке сохранена страница. Для этого можно воспользоваться двумя методами:

При передаче документа HTML по HTTP (скажем, в WWW) набор символов документа задаётся в заголовке HTTP, например для текста в русском варианте кодировки КОИ-8:

Категория: HTML | Просмотров: 281 | Добавил: Baron | Дата: 24.09.2016 | Комментарии (0)

Карта изображений

Карта изображений (англ. image map, иногда сенсорная карта или графическая карта) — это графический объект языка разметки HTML, связанный с изображением и содержащий специальные области (активные зоны), при нажатии на которые происходит переход по определённому URL (при помощи javascript можно установить другие действия). Использование карт изображений позволяет хранить несколько ссылок в одном изображении.

Использование

Для добавления карты изображений на веб-страницу используется парный HTML-тег <map>, в атрибуте "name" которого указывается уникальный в пределах документа идентификатор карты. Внутрь него добавляются непарные теги <area>, каждый из которых описывает одну активную зону. Затем в тег <img>, кот ... Читать дальше »

Категория: HTML | Просмотров: 285 | Добавил: Baron | Дата: 24.09.2016 | Комментарии (0)

Валидатор формата

Валидатор формата (часто просто валидатор, от англ. validator) — компьютерная программа, которая проверяет соответствие какого-либо документа, потока данных, или фрагмента кода определённому формату, проверяет синтаксическую корректность документа или файла — то есть, производит валидацию. Термин широко используется для обозначения программ, проверяющих корректность HTML-, XHTML-, XML-документов, RSS-лент, однако может быть использован применительно к любому формату или языку. Существуют совмещенные валидаторы, которые проверяют веб-страницы по нескольким стандартам одновременно, например, совмещенный валидатор W3C Unicorn.

Категория: HTML | Просмотров: 263 | Добавил: Baron | Дата: 24.09.2016 | Комментарии (0)

БЭМ

БЭМ (Блок-Элемент-Модификатор) — методология web-разработки, а также набор интерфейсных библиотек, фреймворков и вспомогательных инструментов.

Основные понятия

«Блок», «элемент» и «модификатор» — основные термины БЭМ. Это необходимые и достаточные понятия для описания интерфейса любой сложности.

Блок

Блок — это независимый интерфейсный компонент. Блок может быть простым или составным (содержать другие блоки). При создании блока нужно обеспечивать возможность его использования в любом месте web-страницы, а также повторения на той же самой странице. Блок должен включать в себя всю реализацию, необходимую для представления части интерфейса, которую он выражает.

Элемент

Элемент — это составная часть блока. Элементы контекстно-зависимы: они имеют смысл только в рамках своего блока ... Читать дальше »

Категория: HTML | Просмотров: 295 | Добавил: Baron | Дата: 24.09.2016 | Комментарии (0)

HTML

[size=12][b]HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки»)[/b] — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста. Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования. [c][b] Общее представление[/b][/c] Язык HTML был разработан британским учёным Тимом ... Читать дальше »

Категория: HTML | Просмотров: 264 | Добавил: Baron | Дата: 24.09.2016 | Комментарии (0)

		Воскресенье, 05.05.2024
	VadimOlga.at.ua