10 Злочинів з html тегами, яких краще не робити

В даній статті піде мова про те, чого не варто робити з HTML тегами, так як це семантично неправильно.

Крім семантики мова також піде про застарілі тегах і валидной розмітці.

Злочин № 1 - Вставка блокових елементів в інлайновие

10 Злочинів з html тегами, яких краще не робити

HTML можна відображати двома способами - блочно або інлайново. Кожен тег спочатку блоковий або інлайновий. Блокові елементи - шари (div) і абзаци, які складають структуру сторінки. Інлайновие елементи повинні знаходиться всередині блочних, наприклад якорі та теги . І тому інлайновие елементи завжди повинні знаходиться всередині блочних, і не навпаки.

Злочин № 2 - Невикористання атрибута ALT в картинках

10 Злочинів з html тегами, яких краще не робити

Атрибут ALT - це обов'язковий елемент для всіх картинок на сторінці. Він допомагає користувачам дізнатися, що зображено на картинці, якщо вона не відображається з якої-небудь причини. Якщо картинка використовується просто як елемент дизайну, тоді все одно додавайте порожній атрибут - alt = "".

Злочин № 3 - Невикористання списків там, де це необхідно

10 Злочинів з html тегами, яких краще не робити

Злочин № 4 - Використання і для жирного і курсивного тексту

10 Злочинів з html тегами, яких краще не робити

Теги і робить текст жирним і курсивним, але семантично вони класифіковані як презентаційні теги, і тому найкраще подібні ефекти робити за допомогою CSS стилів font-weight і font-style. Якщо ж в тексті є всього кілька слів, які слід виділити, тоді краще використовувати теги або , які виконують ту ж функцію.

Злочин № 5 - Використання великої кількості тегів

10 Злочинів з html тегами, яких краще не робити

тег
повинен використовуватися тільки один раз для вставки розриву рядків. Використання декількох тегів поспіль для відступів не вітається.

Злочин № 6 - Використання неправильних тегів для закреслення

10 Злочинів з html тегами, яких краще не робити

раніше теги і використовувалися для виправлень в тексті. Сьогодні ж вони вважаються застарілими. Вони будуть працювати, але вже є альтернативи у вигляді тегів і .

Злочин № 7 - Використання інлайнових стилів

10 Злочинів з html тегами, яких краще не робити

Ви ж чули це багато раз - інлайновие стилі це зло. Ідея семантичного HTML і CSS полягає в поділі структури і стилів. Пам'ятайте, завжди зберігайте стилі в таблиці стилів.

Злочин № 8 - Додавання або видалення кордонів в HTML

10 Злочинів з html тегами, яких краще не робити

Атрибут кордону краще вказувати тільки в таблиці стилів, навіть якщо це просто border = "0".

Злочин № 9 - Невикористання заголовків

10 Злочинів з html тегами, яких краще не робити

Заголовки доступні від

і до

і їх дуже зручно використовувати для поділу документа на секції. Якщо кілька слів пояснюють що буде далі, має сенс використання заголовка. Вибору розміру заголовка залежить від структури документа. Головне дотримуйтесь баланс і використовуйте заголовки від 1 до 6.

Злочин № 10 - Використання або

10 Злочинів з html тегами, яких краще не робити

5 останніх уроків рубрики "HTML і DHTML"

При написанні або налагодження PHP скриптів ми частенько користуємося функціями var_dump () і print_r () для виведення попередніх даних масив і об'єктів. У цьому пості я б хотів розповісти вам про функції var_export (), яка може перетворити масив в формат, придатний для PHP коду.

  • Парочка безкоштовних шаблонів панелей адміністрування.

  • Створення шаблону для листа не така вже й проста справа. Пропонуємо вам підбірку з 30 сайтів, де можна безкоштовно скачати подібні шаблони на будь-який смак.

  • Наприклад у вас є поле пошуку, яке обробляється при кожному натисканні клавіші клавіатури. Якщо хтось захоче написати слово Windows, AJAX запит буде відправлений за наступними фрагментами: W, Wi, Win, Wind, Windo, Window, Windows. Проблема ?.

  • Підбірка з 15 нових сайтів, де можна скачати безкоштовні фотографії для заповнення своїх сайтів.

  • чому все картинки в статті без альта?))

    Тепер вони з alt = "")

  • Ігорь_Ермаков
  • У Dreamweaver.CS4 навпаки, замінили тег на ?

  • "Атрибути" і "картинка" в другому злочині - теж злочин.

  • Сергей_Патін

    Олег, а у мене в CS4 саме використовується для виділення жирним.

  • Dreamweaver.CS4 rus. - на панелі "властивості" кнопка 'B' - викликає тег , а в CS3 тег . для виклику в CS4 користуюся випадає меню - "Вставка". кнопка 'S' (не зручно.)

  • МіхаілГорюнов

    Ну, blink'а я не знаю, а marquee в чому винен? Замість звичайного HTML використовувати Flash або jQuery. Не згоден!

  • Чи не інлайновие, а малі. Блокові і малі.

  • Шкода в статті не вказано, чим все це обернеться, що не чому це погано (типу застаріло і т.д.), а ніж це погано, було б цікаво.

  • Так треба з на переходити

    10 Злочинів з html тегами, яких краще не робити

    За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!

    10 Злочинів з html тегами, яких краще не робити

    10 Злочинів з html тегами, яких краще не робити

    Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!

    10 Злочинів з html тегами, яких краще не робити

    Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.

    10 Злочинів з html тегами, яких краще не робити

    Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!