Структура HTML-документа
Полезные для поисковых систем мета-теги: Мета-информация
Мета-теги хранят полезную информацию для браузеров и поисковых систем. используются внутри тега <head>Они различаются набором атрибутов и их значений.
- Задаем кодировку страницы <meta charset="utf-8"> , где utf-8 - самая распространенная современная кодировка
- Заголовок страницы: <title> Заголовок </title> внутри тега <head>
- Описание ключевых свойств страницы:<meta name="keywords" content="разные, ключевые, слова">
- Краткое описание страницы:<meta name="description" content="краткое описание">
*Некоторые атрибуты: content, http-equiv, name, scheme
HTML-комментарии выглядят так:
<!-- luboy text -->
Комментарии можно использовать в любом месте страницы, кроме тегов <title> и <style>
CSS-комментарии выглядят так: /* */
Подключение стилей
Css стили можно писать внутри HTML-кода(встроенные/инлайновые стили) их нужно писать внутри тега <style>. Внутри тега style пишется обычный css код.
или подключать их как внешние файлы. Подключение внешних стилей происходит с помощью тега <link>. Лучше подключать стили внутри <head>
Например:
<head>
<link href="style.css" rel="stylesheet">
</head>
В атрибуте href задают адесс файла, а атрибут rel="stylesheet" говорит, что мы подключаем стили, а не что-то другое.
Подключение скриптов
В вебе следующее разделение ролей:
HTML отвечает за структуру документа
Стили - за его внешний вид
Скрипты - за поведение. С помощью скриптов мы можем как бы оживить сайт, добавить анимацию и другие эффекты. Скрипты создаются с помощью языка javascript.
Скрипты подключаются также, как и стили: их либо пишут внутри страницы (встроенные). В таком случае лучше писать в конце документа, непосредственно перед закрывающимся тегом <body>:
<script>
JavaScript-код
</script>
Либо подключают как внешние файлы(Чаще): Для этого используют тег <script> с атрибутом src, в котором указывается адресс к файлу с разрешением .js. Тег <script> - парный.
<script= src="scripts.js"></script>