Правильна експлуатація HTML
- Прогалини між словами
- Логічне форматування в HTML
- Технологія PHP+MySQL
- Вибираємо тематику сайту
- Проблема з кодуванням та її зміною.
- Favicon або індивідуальність сайту
Правильна експлуатація HTML
Як і обіцяв, написав статейку на темуправильного написання HTML-коду. У процесі свого пізнання я читав багато різних матеріалів щодо семантичної коректності та валідності HTML-коду. В результаті у мене зародилося кілька правил, яким я керуюся при написанні. Можливо, досвідченим кодерам буде і нецікаво, а ось початківцям – саме те.
1. Виносьте css-стилі в окремий файл
HTML має поняття інлайнових стилів.Інлайнові стилі - стилі, які не виносяться в окремий файл, а задаються в HTML-коді. По-перше, документ довше провантажуватиметься (особливо помітно при величезній кількості), по-друге, код стає не читабельним.
2. Обов'язково прописуйте DOCTYPE
Так, товариші, доводилося зустрічати лістинги і без DOCTYPE. Забувши прописати цей тег, ми ставимо браузер у незрозуміле положення: він не може зрозуміти, яка версія розмітки використовується у нас на сторінці. Про типи DOCTYPE я писав в одному з уроків HTML-підручника.
3. Забудьте про великі літери в синтаксисі
Хоч таке явище зараз рідко зустрінеш, але умільці ще залишилися, які не практикують малих символів у синтаксисі. Не беріть прикладу з таких товаришів. Семантика, панове, ага.
4. Майте у своєму запасі цілий арсенал HTML-тегів
А багато хто з вас знає такі теги, як THEAD, XMP і т.д.? Адже в цьому переліку є й теги, гідні свого вивчення. Обов'язково ознайомтеся з ними. До речі, є цікавийсервіс, що дозволяє перевірити ваші знання в області HTML-тегів. Рекомендую.
5. Використовуйте теги за призначенням
Багато хто забуває про наявність тегів-заголовків (H1 - H6) і починає фантазувати, поміщаючи текст у параграф і ведучи його STRONG'ом. А заголовки для чого? До того ж, з погляду SEO-оптимізації релевантніше юзати заголовки.
Аналогічної помилки припускаюсь і при побудові навігацій та списків.
6. Намагайтеся уникати Deprecate-теги
Це питання на блозі вже обговорювалося. Я лише повторюся, якщо є можливість замінити Deprecate теги, то обов'язково заміняйте. До речі, до цього пункту можна віднести проблему вибору між STRONG та B. Її я також добре розжував у статті з оптимізації HTML-коду.
7. Дотримуйтесь вкладеності блокових елементів
Даний принцип полягає в тому, що малі елементи завжди повинні поміщатися в блокові, а не навпаки. Деколи навіть через цю, на перший погляд, дурну помилку не працюють деякі теги.
8. Закривайте теги та не забувайте вказувати обов'язкові атрибути
Закривати варто як парні теги, так і непарні. Якщо парні теги закриваються частиною, що закривається, тонепарні - слешем ("/"). Також варто зазначати обов'язкові атрибути. Наприклад, тег IMG обов'язковий ALT.
9. Не забувайте про параграфи
Іноді деякі особи для перенесення рядка замість одного параграфа використовують кілька тегів BR. Це, по-перше, не раціонально, а по-друге, не семантично правильно. Тому рекомендую використовувати параграфи.
10. Робіть перевірку на валідацію, стиск та крос-браузерність
Хоч зараз і існує безліч online-сервісів, але зі стиском будьте акуратнішими, бо можна так стиснути, що потім кодстане не читабельним.