Главная I Love uCoz
Главная » Статьи » Новичкам » Новичкам.

Несколько важных HTML правил для новичков

Ниже предоставлены несколько особо важных правил 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

Javascript Compressor

JS Compressor

Сервисы сжатия CSS

CSS Optimiser

CSS Compressor

Clean CSS

И на последок хочу посоветовать лучше изучить язык программирования HTML и в особенности все его теги.

Категория: Новичкам. | Добавил: SanyD (30.08.2012)
Просмотров: 538 Комментарии: 1 | Теги: теги, html, новичёк Рейтинг: 5.0/2
Всего комментариев: 1
0  
1 Sandra   (20.08.2020 09:11) [Материал]
Большое спасибо за то, что поделились. Это мелочи, которые помогут вам повысить рейтинг в Google. Для этого вы также можете перейти по этой ссылке
https://url-decode.com/cat/
где вы найдете несколько инструментов, которые помогут вам в веб-разработке, а также в веб-оптимизации.

">Понравился скрипт или статья? Вы можете выразить благодарность данному сайту переводом средств на его развитие(R192495548870) или посетить одну из рекламных ссылок расположенных справа, в блоке "Реклама".

Имя *:
Email:
Код *: