Якщо ви розробник веб-сторінки, ви завжди користуєтесь Кодування HTML але іноді ви стикаєтеся з простими помилками кодування. Як кваліфіковані кодери, так і учні допускають помилки в кодуванні HTML через уважність або відсутність досвіду.
Чистий код дійсно важливий, оскільки він не тільки робить вас досвідченим веб-розробником, але й заощаджує ваш час, оскільки вам не потрібно потім редагувати коди.
Якщо ваша веб-сторінка має чистий код, що означає, що ваш HTML-код містить конфігурацію, зазначену Консорціумом World Wide Web, підтримуючи стандарт, якому слідувати веб-сайти в Інтернеті, це, у свою чергу, також допоможе підвищити рейтинг вашого сайту в Google.
Це завжди допомагає, якщо ви будете обережні з самого початку, а також перегляньте свою роботу перед публікацією.
Ось список найбільш поширених помилок кодування HTML що ми часто робимо і стикаємося.
1) Відсутній або невідповідний DOCTYPE
DOCTYPE або визначення типу документа (DTD) дозволяє вашому веб-браузеру визначити, яку версію HTML використовує ваша веб-сторінка. HTML-код завжди повинен починатися з DOCTYPE, оскільки він містить правила для певної версії HTML.
Ви повинні бути обережні, вводячи DOCTYPE, оскільки він чутливий до регістру, і різний DOCTYPE відноситься до різної версії HTML. Перегляньте це відео: як переконатися, що мій HTML-код не містить помилок?
2) Неправильно відформатований HTML
Найпоширенішою помилкою під час написання HTML-коду є його неправильне форматування, наприклад, відсутність закриваючого тегу, пропуск лапок для значень атрибутів і невідповідне вкладення тегів.
Зазвичай більшість з Теги HTML мають як відкриваючий, так і закриваючий тег для, наприклад , а також . Якщо тег оточує будь-який вміст, його слід закрити, хоча є деякі винятки, наприклад тег, але завжди доцільно закрити цей тег, оскільки це дозволить редагувати ваш HTML-документ легше.
Завжди краще поставити лапки навколо значень, хоча це не є обов’язковим у старій версії HTML, останні версії цього потребують. Правильне закриття тегу також є дуже важливою частиною Кодування HTML і його слід закінчити в протилежному напрямку, в якому він був відкритий.
3) Непідтримувані атрибути або теги
Іноді люди схильні використовувати такі коди, як або які не є частиною Стандарти HTML. Знову ж таки, багато використовують неправильні атрибути, наприклад тег, який змінює розмір поля в , наприклад . Різні версії HTML підтримують різні типи атрибутів і тегів.
Якщо ви хочете переконатися, які атрибути сумісні з версією, яку ви використовуєте, вам слід перевірити свій HTML за допомогою HTML Validator.
4) Не помічаємо кодування символів
Кожен набір символів має певний код для нього, і код повідомляє веб-браузеру, який набір символів використовується на веб-сторінці. Таким чином, веб-сторінка, що складається з англійських символів, матиме інший набір символів, ніж набір китайських або французьких символів.
В результаті кодування символів підкаже веб-браузеру, який тип інформації читати та відображати. У випадку більшості веб-сторінок англійською мовою кодування символів windows-1252 і ISO-8859-1 означає англійський характер.
5) Використання розриву кількох рядків
Недоцільно використовувати тег розриву рядка щоб вставити проміжок між рядками, оскільки це слід строго використовувати для додавання лише одного розриву рядка, а не для створення абзаців і пробілів між елементами. Правильний спосіб використовувати розрив рядка: Це один рядок Це інша лінія Замість: Це один рядок Це інша лінія.
6) Використання невідповідних таблиць
Таблиці часто призводять до неправильного кодування HTML, і оскільки більшість браузерів не показують повідомлення про помилку, якщо таблиці закодовані неналежним чином, зробити це досить легко. Однак допоміжні технології дуже суворо ставляться до правильної структури таблиці. Нижче наведено найпоширеніші помилки, які ми часто робимо:
- Не закінчуючи , або теги або їх неправильне закінчення
- Охоплення рядків або клітинок таблиці з тегами, які використовуються для форматування тексту.
- У кожному рядку робимо таблиці з різною кількістю комірок.
- Створення таблиць у вбудованих елементах, наприклад – або
7) Неправильно відформатовані URL-адреси
Іноді трапляється, що ви можете побачити пов’язані слова та/або зображення, але інші не можуть. Потрібно переконатися, що в URL-адресі немає Шлях типу DOS, наприклад C:\image, інакше той, хто перейде за посиланням, отримає помилку Document Not Found 404. Знову ж таки, завжди необхідно використовувати пряму косу риску (/), а не зворотну косу риску (\), навіть якщо деяке програмне забезпечення сервера визнає обидва, краще підтримувати стандарт. У разі посилань розширення може бути проблемою. Під час тестування файл з іменем mywebpage.htm може працювати ідеально, але серверу потрібен mywebpage.html.
8) Вигляд
Важливо, щоб будь-який JavaScript, який виводить дані або виконує функцію, мав a тег, який надає альтернативу або опис того, що робить JavaScript.
9) Використання для виділення жирним шрифтом і
Семантично некоректно використовувати відповідно для текстів, виділених курсивом і жирним шрифтом. Для цього доцільно використовувати властивості CSS для font-style і font-weight, а якщо вам доводиться використовувати стилі в самому документі, то краще використовувати і зробити тексти курсивом і жирним.
10) Відсутні атрибути alt у випадку тегів зображення
Необхідно, щоб теги зображення мали атрибути alt, оскільки це пояснює контекст зображення. Якщо ви використовуєте атрибут alt, веб-сканери краще класифікують вміст, а також полегшать користувачам вирішувати, важливе зображення чи ні.
Цей список, ймовірно, можна продовжувати вічно, але всіх цих пунктів достатньо, щоб ви зрозуміли, з чим слід бути обережними під час використання HTML-кодів.
Ви також повинні перевірити свою сторінку, щоб вона була ознайомлена з помилками кодування HTML, які ви робите, щоб ви могли легко уникнути тих, які мають чисте кодування.
Які помилки ви допустили в веденні блогу
Привіт Джитендра!
За допомогою html я зрозумів, що він має бути якраз правильний. Зазвичай, коли у мене виникають проблеми, це зазвичай відбувається через те, що я зробив помилку з кодуванням. Мені довелося вивчити html, тому що як блогер ви повинні мати можливість редагувати свій сайт. Спочатку я трохи боявся використовувати його, коли тільки почав, оскільки я нічого не знав про це, але я просто дізнався, як йшов, і це дійсно було корисно для мене.
Дякуємо, що поділилися з нами!
Привіт Джітендра,
Людські помилки і помилки неможливо повністю усунути. Ми прагнемо до досконалості лише як учні чи експерти.
Корисно нагадувати про ці помилки кодування. Хоча я не займаюся програмуванням, але я думаю, що веб-майстрам і блогерам ця публікація повинна бути корисною.
Бувають випадки, коли буде потрібно застосувати трохи навичок кодування, щоб налаштувати та покращити продуктивність блогу чи веб-сайту.
Дякую, що поділилися цим. Я думаю, що ми будемо пильнувати їх, якщо блог або веб-сайт страждає від помилок кодування. Тоді ми знаємо, що потрібно виправляти та на що слід шукати!
Цю публікацію було знайдено в kingged, де нею поділилися та проголосували за неї.