Проект

Общее

Профиль

HTML » История » Версия 1

Александр Александров, 22.04.2019 01:10

1 1 Александр Александров
h1. HTML
2
3
h2. Вопросы
4
5
# Что такое HTML?
6
# Что такое DOCTYPE и зачем он нужен?
7
# Чем отличается div от span?
8
# Как обозначаются комментарии в HTML?
9
# Как задать адрес документа, на который следует перейти?
10
# Как сделать сcылку на имейл?
11
# Что делают теги <em></em> ?
12
# Что такое <ol></ol>, <ul></ul> и <li></li> ?
13
# Что пишут в теге HEAD?
14
# Зачем нужны теги <dl>,<dt>,<dd>?
15
# Зачем нужны теги <tr>, <th>, <td> ?
16
# В каком регистре лучше писать HTML-код?
17
# Обязательно ли писать alt в <img>?
18
# Что такое entities?
19
20
h2. Ответы
21
22
h3. Что такое HTML?
23
24
HTML(HyperТext Markup Language, HTML) - это язык разметки. Вы используете HTML для разметки текстового документа. Иными словами он отвечает за расположение в документе Ваших текстов, рисунков, таблиц предназначенных для жизни в сети Интернет.
25
26
h3. Что такое DOCTYPE и зачем он нужен?
27
28
DOCTYPE - это определение типа документа (Document Type DeÙnition (DTD)), правила, в соответствии с которыми осуществляется проверка конкретного документа (веб-страницы) XML или (X)HTML. Благодаря этой записи, браузер определяет, какая в данном документе используется версия DTD. А нужен он для того, чтобы браузеры правильно отображали разметку документа. Если не указать DOCTYPE, то браузер будет добавлять "что то от себя", причём каждые браузеры будут добавлять свою "что то от себя". В результате, ни о какой кроссбраузерности не может идти и речи.
29
30
h3. Чем отличается div от span?
31
32
div - это блочный контейнер, а span - линейный. Контейнеры - это то, во что может быть вложено что-нибудь еще. div используется для разметки блоков, а span - для текста. div формирует блок из того, что в нем с новой строки и после него элемент идет с новой строки (если не поменять поведение с помощью CSS), а span не переносит и "обтягивает".
33
34
h3. Как обозначаются комментарии в HTML?
35
36
<pre>
37
<!-- вот так-->
38
</pre>
39
40
h3. Как задать адрес документа, на который следует перейти?
41
42
<pre>
43
<a href="https://jsehelper.blogspot.com/example/example.html">Абсолютная ссылка</a>
44
45
<a href="../../example/example.html">Относительная ссылка</a>
46
</pre>
47
48
h3. Как сделать сcылку на имейл?
49
50
<pre>
51
<a href="mailto:testmail@mail.com">E-mail me</a>
52
</pre>
53
54
h3. Что делают теги <em></em> ?
55
56
Выводят заключенный в них текст курсивом.
57
58
h3. Что такое <ol></ol>, <ul></ul> и <li></li> ?
59
60
Теги <ol><ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться и заканчиваться тегами <li><li> Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства. Тег <ul> устанавливает ненумерованный (маркированный) список.
61
62
h3. Что пишут в теге HEAD?
63
64
В этот тег входит:
65
66
# Тег title: Это очень важный тег, особенно с точки зрения SEO. Как он прописывается? С помощью тегов <title></title>. То есть получается примерно так: <title>Название вашего веб-документа</title>;
67
# Мета-теги. Мета теги, в основном, нужны для трёх вещей: прописать кодировку, description (описание) и keywords (ключевые слова).
68
# Также внутри тегов head прописывается путь к таблице стилей, так связывается веб-страница и таблица стилей, или CSS пишется прямо на странице, внутри тегов style.
69
# Внутри тега head подключаются всевозможные скрипты. Как они подключаются? Прописываются теги script с указанием типа языка и внутри них или пишется код скрипта, или к тегу script прописывается атрибут src, в котором указывается путь к скрипту.
70
71
h3. Зачем нужны теги <dl>,<dt>,<dd>?
72
73
Теги <dl>,<dt>,<dd> предназначенны для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина. Закрывающий тег </dd> не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
74
75
h3. Зачем нужны теги <tr>, <th>, <td> ?
76
77
Тег <tr> служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега <th> или <td>. <th> предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Тег <th> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>. <td> предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.
78
79
h3. В каком регистре лучше писать HTML-код?
80
81
Раньше считалось, что это безразлично. Но с приходом XHTML на этот вопрос появился однозначный ответ - все теги, атрибуты и предопределенные значения пишем в нижнем регистре.
82
83
h3. Обязательно ли писать alt в <img>?
84
85
Да. Этого требует стандарт, да и здравый смысл, т.к. некоторые пользователи все еще отключают картинки, а некоторые используют текстовые или даже голосовые браузеры. Если картинка не несет никакой смысловой нагрузки (элемент дизайна, "распорка" и т.п.), то можно поставить в тег <img> значение alt="".
86
87
h3. Что такое entities?
88
89
Entities - это комбинации знака & и буквенного или цифрового кода после нее, предназначенные для замещения символов, которые не могут встречаться в "чистом" виде в HTML-тексте, например, символа "<".
Go to top