Главная » Статьи » Новичкам » Новичкам. |
Несколько важных HTML правил для новичков
Ниже предоставлены несколько
особо важных правил HTML программирования, которые не следует нарушать.
1. Закрытие тегов. Самое главное правило - это
закрытие тегов. Пример <HTML></HTML>, т.е. закрывающий тег
такой же, только со знаком "/". В юкозе с этим проще, в редакторах
шаблонах при не закрытом теге, или иной ошибки в коде цвет кода становится
другим цветом, и найти саму ошибку проще. 2. Задайте правильный DocType. Предназначен для указания типа текущего документа
— DTD (document type definition, описание типа документа). Это необходимо,
чтобы браузер понимал, как следует интерпретировать текущую веб-страницу,
поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML
(EXtensible HyperText Markup Language, расширенный язык разметки гипертекста),
похожий на HTML, но различающийся с ним по синтаксису. 3. Помещайте все внешние CSS
файлы внутри тэга HEAD Делается это - Панель
Управления - Дизайн - Управление дизайном (шаблоны) - Страницы сайта Главная задача этого
действия заключается в увеличении скорости загрузки страниц 4. Лучше разместить файлы
Javascript в конце страницы Делается это так же как и в пункте выше, и цель у неё такая же как и в
пункте 3. При загрузке Javascript,
браузер не может делать ничего другого, пока не загружен весь файл целиком.
Таким образом, пользователю придется ждать дольше прежде чем он заметить
какой-либо прогресс. А так как JS в основном не несёт в себе основные функции, а в
основном добавляет функционал странице, то желательно что бы он загружался в
самую последнюю очередь. 5. Используйте тэги H1 - H6 Это шесть заголовков разного уровня, которые
показывают относительную важность секции, расположенной после заголовка.
Например: H1 - наиболее
важный заголовок первого уровня, а тег <h6> служит
для обозначения заголовка шестого уровня и является наименее значительным. 6. Все изображения требуют собственные атрибуты Alt Атрибут Alt показывает текст, который не смог отобразить (например, не
смог найти изображение или изображения отключены в браузере пользователя).Так
же атрибут alt играет важную роль в поисковой оптимизации сайта, выступает в
роли главного критерия индексации картинок. Поэтому уделите немного внимание и
заполните эти теги. Пример: <img src="Image.jpg" alt="Alt Image"/> 7 Выровняйте все! Везде
необходим порядок, и сайты не исключение. Если у Вас на сайте всё будет
разбросано, везьде разные отступы, заголовок, иконка, параграф и логотип
не выровнены между собой, разные шрифты и тому подобный бардак сразу
отпугнёт посетителя, или на крайний случай очень будет раздражать его. Хотя
есть один не большой секрет, текст, отцентрированный по левому краю, а не по
всей ширине лучше воспринимается людьми, причина в том, что наш мозг и глаза
лучше воспринимают текст с ровными отступами между слов. 8 Когда вебсайт готов, сожмите его! Сжимая
файлы CSS и Javascript, вы можете уменьшить размер каждого файла на
значительные 25% или больше. Можно не думать об этом в процессе разработке, но
как только сайт более-менее готов используйте несколько онлайновый
программ-архиваторов, чтобы сэкономить на трафике. Сервисы сжатия Javascript Сервисы сжатия CSS И на последок хочу посоветовать лучше изучить язык программирования HTML
и в особенности все его теги. | |
Просмотров: 538 Комментарии: 1
| Теги: |
Всего комментариев: 1 | ||
| ||