10 преступлений с HTML тегами, которых лучше не совершать

В данной статье пойдет речь о том, чего не стоит делать с HTML тегами, так как это семантически неправильно.

Кроме семантики речь также пойдет об устаревших тегах и валидной разметке.

Преступление № 1 - Вставка блочных элементов в инлайновые

HTML можно отображать двумя способами - блочно или инлайново. Каждый тег изначально блочный или инлайновый. Блочные элементы - слои (div) и абзацы, которые составляют структуру страницы. Инлайновые элементы должны находится внутри блочных, например якори и теги <span>. И поэтому инлайновые элементы всегда должны находится внутри блочных, и не наоборот.

Преступление № 2 - Не использование атрибута ALT в картинках

Атрибут ALT - это обязательный элемент для всех картинок на странице. Он помогает пользователям узнать, что изображено на картинке, если она не отображается по какой-либо причине. Если картинка используется просто как элемент дизайна, тогда все равно добавляйте пустой атрибут - alt="".

Преступление № 3 - Не использование списков там, где это необходимо

Полезные теги UL (и OL) можно использовать по разному и они очень гибки и универсальны для отображения. Такие списки отлично подходят для перечисления любой информации, так что даже не думайте об использовании множества <br>.

Преступление № 4 - Использование <b> и <i> для жирного и курсивного текста

Теги <b> и <i> делает текст жирным и курсивным, но семантически они классифицированы как презентационные теги, и поэтому лучше всего подобные эффекты делать с помощью CSS стилей font-weight и font-style. Если же в тексте есть всего несколько слов, которые следует выделить, тогда лучше использовать теги <strong> или <em>, которые выполняют ту же функцию.

Преступление № 5 - Использование большого количества тегов <br />

Тег <br /> должен использоваться только один раз для вставки переноса строки. Использование нескольких тегов подряд для отступов не приветствуется.

Преступление № 6 - Использование неправильных тегов для зачеркивания

Раньше теги <s> и <strike> использовались для исправлений в тексте. Сегодня же они считаются устаревшими. Они будут работать, но уже есть альтернативы в виде тегов <del> и <ins>.

Преступление № 7 - Использование инлайновых стилей

Вы же слышали это много раз - инлайновые стили это зло. Идея семантического HTML и CSS заключается в разделении структуры и стилей. Помните, всегда храните стили в таблицы стилей.

Преступление № 8 - Добавление или удаление границ в HTML

Атрибут границы лучше указывать только в таблице стилей, даже если это просто border="0".

Преступление № 9 - Не использование заголовков

Заголовки доступны от <h1> и до <h6> и их очень удобно использовать для разделения документа на секции. Если несколько слов объясняют что будет дальше, имеет смысл использование заголовка. Выбора размера заголовка зависит от структуры документа. Главное соблюдайте баланс и используйте заголовки от 1 до 6.

Преступление № 10 - Использование <blink> или <marquee>

<blink> и <marquee> это ужасные теги и не являются официальными HTML тегами. Если необходимо привлечь к чему-то внимание, придумайте другой способ сделать это :).

一步一步地会到目的

I do not smoke or drink



Search for Extra-Terrestrial Intelligence at Home
Search for Extra-Terrestrial Intelligence at Home

User signature graphic BOINC Stars

Power by BOINC


International Space Station
Прямая трансляция переговоров космонавтов МКС с ЦУП.
Только голос | Голос и Видео
Говорят они не всегда, только по необходимости, так что не удивляйтесь, если на канале будет тишина.

Ubuntu 14.04 (Trusty Tahr) Daily Build

>>> Старые релизы Ubuntu <<<

Оглавление

Cisco Systems

Связь через консольный кабель
Сброс пароля на Catalyst 2950
Создание VLAN на Catalyst 2950
Создание и управление стеками коммутаторов

FreeBSD 8.2 - Сервер с "нуля"

Установка
Начальная настройка
Сборка ядра (c Kernel NAT)
Named
OpenVPN

Ubuntu Server

Настраиваем WEB-сервер
Apache2 + PHP5 + MySQL + phpMyAdmin
Пример для виртуальных хостов

VSFTPd + SSL Не закончено!
Установка TFTP сервера (tftpd)
Установка Midnight Commander
Установка Deluge с Web-интерфейсом
Бэкапим MySQL базы
MySQL шпаргалки
Резервное копирование - м1
Простой шлюз на Ubuntu Server
Сетевое радио на Icecast2
Объединение HDD дисков
Управление автозагрузкой
Настройка сети вручную
Защита от брутфорса
ssh, ftp, http: fail2ban

OpenVPN Installation Ubuntu

Ubuntu Desktop

Настройка Ubuntu Desktop 10.10
Раскукоживаем Менеждер обновлений
Раскладка - флажки вместо текста
QutIM - клиент ICQ, Jabber, MAgent, IRC
Температура железа на панеле

Горячие клавиши в Ubuntu Unity

Драйвера NVIDIA в Ubuntu
Радио лоток в области уведомлений
SSHFS - Монтируем удаленную FS
Резервное копирование Ubuntu Desk
Загрузочная флешка Ubuntu Server
Загрузочная USB из под Windows
Как найти нужный PPA-репозиторий
Видеонаблюдение под Ubuntu 10.04 для "чайников"
Видеонаблюдение легально!

Linux

Полезные команды Linux
Конфиг железа в Ubuntu
Мониторинг хостов в сети
Разное на одном листе
inotify - это подсистема ядра Linux, которая позволяет получать уведомления об изменениях в файловой системе.

Полезное под Windows

FTPS - защищённое соединение
PuTTY - Как сохранить настройки
VirtualBox - Клонирование виртуальных машин.

Скриптовые языки

AWK - Язык обработки структурированных текстов

Чит-листы или Шпаргалки

pdf css_cheat-sheet ver.1
pdf css_cheat-sheet ver.2
pdf php_cheat-sheet ver.1
pdf php_cheat-sheet ver.2
pdf javascript_cheat-sheet ver.1
pdf mysql_cheat-sheet ver.1
pdf html_cheat-sheet ver.1
pdf regular_expressions ver.1
pdf regular_expressions ver.2
pdf mod_rewrite_cheat-sheet ver.1
pdf mod_rewrite_cheat-sheet ver.2
pdf sql_server_cheat-sheet ver.1
pdf microformats_cheat-sheet ver.1
pdf seo_cheat-sheet ver.0.4
pdf wordpress_designer ver.1

Последовательное соединение проводников
Последовательное соединение проводников

Параллельное соединение проводников
Параллельное соединение проводников


Gedit style schemes

xml darktango.xml
xml emacs-darkslategrey.xml

HTML заметки

Разные валидные фичи
10 преступлений с HTML тегами
Заметки по установке
MaxSite CMS версия 0.42

Горизонтальное CSS Меню
.htacces паролим сайт
Противоугонный пакет

Коллекция jQuery plagins

Quovolver [?]
Custom Animation Banner [?]
Style my tooltips [?]


ipv6.nic.ru

QR Coder.ru
Генератор QR-кодов


2:5020/1209.12@FidoNet

Logo WebMoney
WMIDwmid 358066815673
pursewmzZ452007172362
wmrR568219491953
wmeE770110075404

Logo Yandex.Money
 Yndex purse4100178599238



Мои телефоны:
  1. Билайн AMPS/DAMPS - модели ERICSSON DH318,
    ERICSSON DH618
  2. Билайн GSM - Siemens C25 корпус "Хамелион" (тариф "Серебрянный")
  3. Мегафон GSM - SAMSUNG SGH-T400
  4. Мегафон GSM / AIS GSM Thailand - Qtek s100
  5. Мегафон GSM - SAMSUNG SGH-i900 WiTu 8Gb
  6. Мегафон GSM - HTC Wildfire S
  7. Мегафон GSM - HTC One S
  8. Мегафон GSM / Теле2 GSM - ASUS Zenfone 2 ZE550ML
  9. Мегафон GSM - Xiaomi Redmi Note 4 4Gb 64Gb
  10. Мегафон GSM - Xiaomi Redmi Note 8 6Gb 64Gb