HTML

HTML — что это такое, зачем HTML нужен и почему HTML нужно освоить хотя бы минимально при использовании WordPress?

HTML (HyperText Markup Language) — стандартный язык разметки гипертекстовых страниц в Интернете. Есть и другие языки разметки гипертекста, но большая часть страниц сайтов Интернета размечена именно на языке HTML. Такие страницы успешно интерпретируются браузерами, которые отображают их на экранах различных электронных устройств в удобном для человека виде.

Deviz_1

HTML является теговым языком разметки гипертекста: чтобы превратить текст в гипертекст, используют разделители (дескрипторы), для краткости названные тегами. Вот пример тега: <strong> — этот открывающий тег обеспечивает вывод текста жирным шрифтом до тех пор, пока не встретится закрывающий тег </strong>.

Начиная создавать сайт с помощью WordPress, достаточно знать, что сайт создаётся на языке HTML, но со временем наверняка придётся хотя бы слегка освоить язык HTML.

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

Перейдя из режима Визуально в режим Текст, с ужасом обнаруживаете в этом окне HTML-тегов больше, чем самого текста. Это свидетельство того, что текст прогулялся по многим сайтам, на каждом текст пытались дополнить, усилить и «углУбить», а в результате получился убийственно жуткий HTML-код.

Можно вручную убрать лишние теги, а лучше скопировать текст в окне Визуально и вставить его в окне Текст — в результате этого простейшего действия все теги будут потеряны, что сэкономит Вам тьму времени и тьму сочных слов в адрес неумелых копирайтеров.

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

При создании сайта с использованием CMS WordPress основная нагрузка по написанию HTML-кода приходится на WordPress, но полностью полагаться на WordPress нельзя, ибо даже самая последняя версия имеет некоторые несовершенства.

Самое главное из них — неумение делать корректные таблицы, которые благополучно проходят проверку Валидатором. Перенеся на страницу достаточно объёмную таблицу из Excel, можно получить страницу, на которой Валидатор обнаружит сотни ошибок! Подробности правки таких таблиц смотрите на странице Таблицы.

Почаще заглядывайте в окно Текст, которое раньше более удачно называли HTML, просматривайте свой и особенно чужой код — это поможет Вам постепенно понять смысл множества тегов и запомнить их.

Когда понадобится углубить знания языка HTML, найдите в Интернете учебник и справочник языка HTML и держите их всегда во вкладках браузера, сохраняющего вкладки при перезапуске браузера или компьютера. Вот ссылка на классный сайт, содержащий  онлайновые учебники и справочники ( wisdomweb.ru ), причём не только HTML, но и CSS, а также JavaScript.

Самыми интересными новыми тегами HTML 5-й версии являются, по моему мнению, теги <video> и <audio>, которые обеспечивают поддержку Видео и Аудио и  существенно оживляют страницы сайта!

…!N — эти 5-ть символов (N — номер дополнения) означают, что эта страница нуждается в дополнении: собирался и уже создал страницы Аудио и Видео, а выше дал на них ссылки. Используя стандартный поиск WordPress, легко последовательно находить страницы, на которых стоят …!, и последовательно вносить дополнения. Чтобы не зависеть от особенностей поиска WordPress, ставлю первые 4-ре символа и в Excel-таблице страниц сайта.

Приглашаю всех высказываться в Комментариях. Критику и обмен опытом одобряю и приветствую. В хороших комментариях сохраняю ссылку на сайт автора!

И не забывайте, пожалуйста, нажимать на кнопки социальных сетей, которые расположены под текстом каждой страницы сайта.
HTMLПродолжение тут…

Огурцы

Один комментарий: HTML

  1. Накрутка подсказок говорит:

    Продвижение сайтов в Яндексе.
    Как это происходит?
    Нужно вглянуть на чаще посещаемые сайты, чтобы их определить нужно много аналитики: непростой процесс.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.