{"id":14270,"url":"\/distributions\/14270\/click?bit=1&hash=a51bb85a950ab21cdf691932d23b81e76bd428323f3fda8d1e62b0843a9e5699","title":"\u041b\u044b\u0436\u0438, \u043c\u0443\u0437\u044b\u043a\u0430 \u0438 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a \u2014 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0433\u043e\u0440\u0435","buttonText":"\u041d\u0430 \u043a\u0430\u043a\u043e\u0439?","imageUuid":"f84aced9-2f9d-5a50-9157-8e37d6ce1060"}

Структура 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>

0
3 комментария
Alexander Khoroshilov

1. Не совсем понятно для чего вы выбрали именно VC как площадку для ведения дневника-блога-конспекта.

2. По теме: вы откровенно конспектируете абсолютно базовые вещи. В это нет ничего плохо конечно же, однако стоит понимать, что vc.ru довольно профильный проект и здесь подавляющее большинство разработчиков уж давно, все то, что вы описываете, не пишут руками, да и вообще не думают об этом, в силу того, что это все давно генерируется, ибо из проекта в проект является основной, на которую не стоит тратить время, тем самым давая сконцентрироваться на идее нового проекта.

Поэтому то и не совсем понятно, а для кого вы пишете всю эту информацию? Вам стоило завести закрытый блог для ведения конспектов, но никак не публичный.

Ответить
Развернуть ветку
Pavel Ivanov

Настя, где ужин? Хватит ерундой заниматься.

Ответить
Развернуть ветку
Denis Almukhametov

Спасибо большое за отличную "статью"!

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
0 комментариев
Раскрывать всегда