Розбираємо пахощі HTML-коду: як їх виявити та виправити
HTML – це основа кожної веб-сторінки в Інтернеті. Це мова, яку ми любимо, боїмося і іноді просто миримося з нею. Початківці, яких люб’язно називають “новачками”, часто мають проблеми з розумінням того, як створити гідну веб-сторінку, не створюючи бідний, противний безлад. Але не хвилюйтесь, кожен програміст був там!
Давайте спочатку розберемося в одній речі – що таке “запахи коду HTML”?
Що таке “запахи коду HTML” (і чому вони не гидкі)
“Запах коду” не стосується фізичного запаху, що виникає з вашого комп’ютера (на щастя, бо це було б надзвичайно дивно). Це фактично термін у програмуванні, який вказує на те, що може бути більш глибока проблема.
Подумайте про це як про підгорілий тост у світі кодування. Якщо ви відчуваєте запах паленого у кухні, ймовірно, там трапилася більш серйозна проблема. У кодуванні це може означати неефективне або непридатне використання кодів, приречене на труднощі в майбутньому.
Тепер, коли ми це прояснили, давайте заглибимося в типові “запахи коду HTML” та як їх виправити.
Виявлення “запахів коду HTML”
Є купа “запахів коду HTML”, але деякі з них є більш поширеними та проблемними, ніж інші.
Запах 1: Div-ітис
Для новачка це звичайно відчувати потяг до створення безлічі тегів ‘div’ – насправді дуже багато. Ви можете відчувати, ніби ви натрапили на чарівну паличку (‘div’ теги), яка перетворює ваше небезпечно хитке веб-сторінку на підтримувану структуру. Але це пастка! Div-ітис, або чрезмірне використання тегу ‘div’, пересипає вашу сторінку з непотрібним і складним кодом, який лише порушує гладку роботу.
Як це виправити? Один словом: семантика. Теги HTML5, такі як ‘