Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов

HTML

Вы перешли на основную страницу раздела html и здесь мы будем вас учить. Учить начнем прямо с этого текста поэтому скажем себе «Поехали!» и начнем.

Hyper Text Markup Language, или ХТМЛ (в среде вебмастеров) представляет собой стандартизированный язык, предназначенный для гипертекстовой разметки в web среде. Именно такие документы мы видим в своих Мозиллах, Операх, Хромах и ЯД-браузерах. В свою очередь интерпретирование того, что видит браузер в html документе или другом документе который использует html размеку и составляет его основную задачу.

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

Вы здесь
Как не делать глупые ошибки при верстке

Банальные ошибки верстки сайтов

18.04.16 в 12:57195

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

Правильный head для мобильных сайтов

Правильный <HEAD> для мобильных сайтов

2.03.16 в 11:53182

В нынешнее время мобильные гаджеты всё увереннее покоряют мир. Приблизительно год назад доля трафика от мобильных устройств составляла около 4%, а на сейчас этот показатель увеличился ровно в двое и теперь составляет 8%. Некоторые эксперты уже...

Валидация

Валидация: быть или не быть

27.09.15 в 21:21191

Уже не первый год среди веб-разработчиков ведутся споры о том, насколько необходимо проводить валидацию HTML кода. Давайте разберем все «за» и «против». Что за страшное слово? Валидацией называют проверку HTML-кода на соответствие требованиям web-...

Логическая структура документа на HTML5

Выстраивание логической структуры страницы сайта на HTML5

6.04.15 в 9:093,201

Одной из задач создания новой версии HTML5 было упрощение разметки документа. Решением данной задачи стало создание новых тегов, которые отвечают за структуризацию документа. Основной принцип построения дерева страницы основывается на дроблении...

br назначение

Тэг br, а так ли он нужен?

2.04.15 в 21:461,309

Часто можно встретить, что начинающий верстальщик для реализации некоторых своих дизайнерских решений использует тэг <br/>. Однако остаётся актуальным вопрос «правильное ли это решение?». На практике встречаются ситуации когда при помощи...

Построение структуры документа в HTML5 используя section

31.03.15 в 9:451,637

В первую очередь следует рассмотреть строение структуры документа HTML. Имеется ввиду именно семантическая структура, которую в некоторых отдельных случаях неопытный пользователь путает с деревом документа (DOM). Построение структуры документа в...

Дерево документа HTML

Что такое дерево документа в HTML?

27.03.15 в 12:24897

В этой статье хотелось бы рассказать что такое дерево документа в html и как связаны элементы в нём. В html документе многие теги являются вложенными в другие, на пример: <html> <head> <title>Примерный заголовок</title...

html5 меню

Верстка меню на html5

1.02.15 в 13:441,005

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

noindex

Тег noindex. Как правильно пользоваться?

29.01.15 в 16:091,435

Многие из нас слышали о тегах noindex и nofollow, что ими пользуются, что-то там закрывают в коде страницы и вроде как это даже положительно сказывается на продвижении сайта в поисковой выдаче. Если Вы желаете избавиться от этих самых «что-то там» и...

Структура html документа

Структура html документа

27.01.15 в 14:05658

Не зависимо от того, какой Вы html документ откроете основные структурные элементы в нем всегда будут оставаться одинаковыми. <!DOCTYPE HTML> <html> <head> <title>Заглавие страницы html</title> </head> <...

Страницы