Архив рубрики: Статьи

Как вставить аудио и видео на сайт

Возможности HTML5 позволяют средствами разметки встроить на страницу аудио и видео проигрыватели. В этой статье разберём элементы, которые это осуществляют и приведём таблицы форматов, которые поддерживают различные браузеры. Читать далее Как вставить аудио и видео на сайт

Поделиться

Как размечать формы

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

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

Поделиться

Как размечать таблицы

Контент бывает разный. Например, имеется ряд продуктов и к каждому продукту указаны белки, жиры и углеводы. Конечно, можно написать продукт, поставить тире, а затем через запятую указать пищевую ценность. Но если продуктов много, то всё это может превратиться в «кашу». Чтобы не возникло путаницы при чтении, целесообразно такой контент свести в таблицу. В этой статье рассмотрим элементы, которые используются при создании таблиц. Читать далее Как размечать таблицы

Поделиться

Как размечать изображения

Если ваш сайт представляет собой интернет-магазин или имеет развлекательный характер, то без изображений вам не обойтись. В этой статье рассмотрим как при помощи элемента img добавлять изображения на страницу. Читать далее Как размечать изображения

Поделиться

Какие бывают ссылки

Ссылка представляет собой переход на страницы других сайтов или на разделы собственного сайта. Ссылки заключаются в элемент a. Сам по себе элемент a бесполезен, адрес необходимо указывать при помощи атрибута href. Содержимым ссылки может выступать текст или изображение. В спецификации HTML5 содержимым могут быть другие элементы, в том числе блочные. Читать далее Какие бывают ссылки

Поделиться

Как размечать текст

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

Поделиться

Какая структура у HTML-документа

Любой HTML-документ имеет структуру. Любой сайт следует строить, используя базовые элементы этой структуры. Это основа и все элементы стоит выучить наизусть. Это как выучить таблицу умножения или алфавит. Базовая структура выглядит следующим образом: Читать далее Какая структура у HTML-документа

Поделиться

Что такое семантическая разметка

После написания статьи необходимо разметить контент, причём разметить его семантически.
Смысл семантической разметки в том, чтобы заключать контент в теги, которые наиболее точно описывают его содержимое. Читать далее Что такое семантическая разметка

Поделиться