Начиная писать данный пост о часто задаваемых вопросах по языку разметки гипертекста HTML (а в планах есть задумка написать FAQ по CSS), я задумался над тем, что я могу сообщить нового. Зная, что в сети есть более расширенные сайты на эту тему, я решил дать только необходимую информацию по данному вопросу, а именно то, что чаще всего используется на практике.
Думаю для тех, кто только осваивает HTML, будет очень удобно и полезно, так как они конкретно получат ответ на все свои вопросы.
Начну с главного, что Вы должны знать.
HTML — это простой текст, который с помощью специальных символов (тегов) может форматироваться. То есть при открытии любого браузера вы на экранах своих мониторов увидите текст аккуратно оформленный.
Все теги заключаются символами <> и бывают двух видов одиночные и парные. Парные теги закрываются следующим образом.
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML .01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equin="Content-Type"content="text/html; charset=utf-8"><title>FAQ по HTML</title></head><body><p>Напишем <b>жирным шрифтом</b> в тексте и часть его <i>выделим курсивом</i></p></body></html>
Как вы видите при правильном написании тегов каждый из них находится, и закрывается внутри главного.
То есть если представить теги в виде контейнеров содержащих необходимую информацию, то два соседних контейнера не должны пересекаться между собой.
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML .01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equin="Content-Type"content="text/html; charset=utf-8"><title>FAQ по HTML</title></head><body><p>Напишем <b>жирным шрифтом</p> в тексте и часть его <i>выделим курсивом</i></b></body></html>
Структура любого html документа должна состоять из следующих элементов:
DOCTYPE – указывает на тип документа;
HEAD – блок (раздел) заголовка документа;
BODY – тело документа;
Как вы видите в предыдущих примерах, сначала мы указываем тип документа (данный тег необходим браузеру), далее идет блок тегов, указывающий, что данный документ html, после идет раздел заголовка документа, и только потом идет тело документа.
Теперь поговорим о метатегах, которые необходимо размещать в разделе заголовка документа.
Title – сообщает пользователю название сайта.
<title>FAQ по HTML</title>
Description – описывает краткое содержание документа.
<metaname="Description"content="Заметка о правильном написании тегов HTML">
Keywords – в данном теги указывают ключевые слова, встречающихся на странице.
<metaname="Keywords"content="Ключевые слова пишутся через пробел или запятую"
Так же в данном разделе публикуются теги кодировок и скрипты используемые на странице.
В аргументе charset указывается кодировка. При отсутствии кодировки, браузер пытается ее определить сам. Есть вероятность, что она будет определена неправильно, поэтому необходимо ее указывать.