Аккуратный HTML
Любая работа должна быть выполнена аккуратно и красиво. Особенно если ее могут увидеть много людей. А это напрямую касается разработки сайтов, и в частности некоторых технологий, используемых при этом — HTML и CSS.
Просматривая страницы в Интернете мы, как правило, не смотрим в код HTML. Да и зачем это нужно обычному пользователю? Но часто бывает важно взглянуть на код, чтобы составить некоторое впечатление о создателях этого веб-сайта. Код HTML, это как зеркало умений, возможностей и желаний разработчика сайта.
Заглянув туда можно с легкостью узнать о том, как сделана страничка — «программой-клепалкой» или человеком, его умом и знаниями. Чтобы вам легче было понять мою мысль, я проведу отличную параллель. Возьмите музыку. Есть композиции, написанные одним человеком за компьютером, с помощью несложной программки. На всех инструментах он «играет» сам. Ему не нужен ударник с чувством ритма, ему не нужен гитарист с виртуозной техникой, басист тоже ни к чему, и клавишник лишний... Он нажимает кнопку и программа сама все играет. И получается наводнившая радио и клубы бессмысленная «туцкатня». Искусство и творчества нет. Так и в написании кода. Программа ведь глупая — засоряет все комментариями, ненужными тегами и конструкциями. А пользователю до этого нет дела - в его IE все смотрится хорошо. А про Oper'у и NN он даже не знает, которые предъявляют особые требования к оформлению кода страницы.
Создание эффективного и аккуратного кода HTML — это своеобразное, но искусство, где надо думать. Особенно это почувствуется, когда будете создавать сайт не для себя, а для кого-то. Причем встречаются сайты с очень сложной структурой, где труд верстальщика занимает половину времени работы над всем сайтом. Вложенные по нескольку раз таблицы, нестандартное позиционирование и оформление теста... Без личного опыта написания HTML именно ручками здесь никак не обойтись. Тем более одну и ту же задачу можно решить разными путями, среди которых нужно выбрать самый оптимальный.
Чтобы ваш код страницы выглядел достойно, аккуратно и «неискусственно», вам было легко в нем ориентироваться, то внимательно изучите нижеперечисленные пункты и придерживайтесь их при написании HTML:
* Старайтесь не писать тэги прописными буквами (TABLE, BODY, IMG) — это первый признак неручной работы и в таком коде тяжело ориентироваться, так как большинство кода в Интернете все-таки написано строчными буквами (table, body, img).
* Атрибуты всегда записывайте в кавычки (напр., align="right"), что придаст вашему коду аккуратность и совместимость с языком XML.
* Присваивая какое-либо значение (ширины, высоты) в пикселях, не забывайте это указать, т.е. width="5px".
* Есть тэги, для которых необязательно ставить тэг закрывающий. Но я рекомендую все-таки ставить их в любом случае. Во-первых, так легче ориентироваться в коде, а во-вторых, для полной совместимости со всеми браузерами и их версиями (смотрели свой сайт под Netscape 1.0?).
* Недопустимы ненужные комментарии, которые часто оставляют «программы-клепалки». А вот свои собственные всегда пишите, они вам облегчат нахождение нужного фрагмента кода страницы.
* Старайтесь не оставлять стили в страничке. Выводите их в отдельный файл — так проще что-либо поменять и код страницы уменьшится (иногда очень заметно).
* У каждого символа есть своя так называемая подстановка. Например, для тире это —, а для кавычек « (левая) и » (правая). В любом справочнике по HTML вы найдете список таких символов и их подстановок. Всегда используйте их, иначе могут возникнуть проблемы с их корректным отображением.
Напоследок скажу, что «программами-клепалками» лучше не пользоваться, потому что они замусоривают код и в конце концов это отупляет. Используйте многофункциональные блокноты, где вы пишите все сами, но этот процесс ускоряется за счет дополнительных возможностей.
Часто при разработке сайта много времени уделяется на визуальный дизайн — ведь его видят посетители. А то, что скрыто (код HTML), то можно сделать и по-быстрому. Из-за такого отношения в нашем Рунете множество сайтов с замечательным внешним дизайном имеют отвратительный код, сделанный на скорую руку в «клепалке». Не повторяйте ошибок таких сайтостроителей, верстайте аккуратно и красиво, выделяйте структуру кода, и всегда помните, что язык HTML — основа сайта.


Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2025-03-14 » SPF-запись
- 2025-03-07 » SEO на маркетплейсах: как оптимизировать карточку товара для поисковой выдачи
- 2025-02-18 » Топ-10 бесплатных нейросетей для генерации изображений: лучшие ии генераторы 2024 года
- 2025-02-11 » Критическая уязвимость в 1С-Битрикс
- 2025-02-11 » Google Search Console: руководство для начинающих вебмастеров
- 2025-02-11 » Методы измерения результативности рекламных кампаний: плюсы и минусы
- 2025-02-11 » Тренды SEO в 2025 году
- 2025-02-10 » Свой Google в локалке. Ищем иголку в стоге сена
- 2025-01-29 » SEO — это комплексная работа. Шесть главных факторов ранжирования сайтов
- 2025-01-29 » Гайд для главной страницы e-commerce сайта: как оформить, чтобы повысить конверсию
- 2025-01-20 » Krea AI выпустила бесплатную функцию преобразования изображений в 3D-объекты — их можно вращать и вписывать в фотографии
- 2025-01-15 » Топ-6 лучших российских нейросетей, в которых можно генерировать тексты и изображения бесплатно и без VPN
- 2025-01-14 » 15 бесплатных способов узнать, чем интересуется ваша аудитория
- 2025-01-11 » Бездепозитные бонусы в казино за регистрацию с выводом: особенности и возможности получения
- 2025-01-09 » Новая модель LAM способна выполнять задачи в Word
- 2024-12-26 » Универсальный промпт для нейросети: как выжать максимум из ChatGPT, YandexGPT, Gemini, Claude в 2025
- 2024-11-26 » Капитан грузового судна, или Как начать использовать Docker в своих проектах
- 2024-11-26 » Обеспечение безопасности ваших веб-приложений с помощью PHP OOP и PDO
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-15 » Перенос сайта на WordPress с одного домена на другой
- 2024-11-08 » OSPanel 6: быстрый старт
- 2024-11-08 » Как установить PhpMyAdmin в Open Server Panel
- 2024-09-30 » Как быстро запустить Laravel на Windows
- 2024-09-25 » Next.js
- 2024-09-05 » OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения
- 2024-08-28 » Чек-лист: как увеличить конверсию интернет-магазина на примере спортпита
- 2024-08-01 » WebSocket
- 2024-07-26 » Интеграция с Яндекс Еда
- 2024-07-26 » Интеграция с Эквайринг
Надобно иметь большое мужество, чтоб высказать громко вещи, потихоньку известные каждому. А. Герцен |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.