Skip to content

Commit

Permalink
Fix title's formatting issues
Browse files Browse the repository at this point in the history
  • Loading branch information
enhorse committed Oct 21, 2017
1 parent 879ae78 commit c21f7c4
Show file tree
Hide file tree
Showing 14 changed files with 440 additions and 440 deletions.
32 changes: 16 additions & 16 deletions html.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
[Вопросы для собеседования на Java Junior](README.md)

#Основы HTML
# Основы HTML
+ [Что такое _«HTML»_?](#Что-такое-html)
+ [Что такое _«XHTML»_?](#Что-такое-xhtml)
+ [Что такое `DOCTYPE` и зачем он нужен?](#Что-такое-doctype-и-зачем-он-нужен)
Expand All @@ -17,17 +17,17 @@
+ [В каком регистре лучше писать HTML-код?](#В-каком-регистре-лучше-писать-html-код)
+ [Что такое «мнемоника (entity)»?](#Что-такое-мнемоника-entity)

##Что такое _«HTML»_?
## Что такое _«HTML»_?
__HTML__, HyperText Markup Language («язык гипертекстовой разметки») — стандартизированный язык разметки документов в WWW. На данный момент актуальна 5 версия этого языка - HTML5.

[к оглавлению](#Основы-html)

##Что такое _«XHTML»_?
## Что такое _«XHTML»_?
__XHTML__, eXtensible HyperText Markup Language («расширяемый язык гипертекстовой разметки») - более строгий вариант HTML, следующий всем ограничениям XML и, фактически являющийся приложением языка XML к области разметки гипертекста.

[к оглавлению](#Основы-html)

##Что такое `DOCTYPE` и зачем он нужен?
## Что такое `DOCTYPE` и зачем он нужен?
Элемент `<!DOCTYPE>` предназначен для указания типа текущего документа. Это необходимо, чтобы браузер понимал согласно какого стандарта необходимо интерпретировать данную web-страницу.

Существует несколько видов `<!DOCTYPE>`, различающихся версией языка, на который они ориентированы:
Expand Down Expand Up @@ -65,7 +65,7 @@ __XHTML 1.1__

[к оглавлению](#Основы-html)

##Для чего предназначен тег `<head>`?
## Для чего предназначен тег `<head>`?
Тег `<head>` предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри этого контейнера находятся _метатеги_, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.

Содержимое тега `<head>` не отображается напрямую на web-странице, за исключением тега `<title>` устанавливающего заголовок окна.
Expand All @@ -86,19 +86,19 @@ __XHTML 1.1__

[к оглавлению](#Основы-html)

##Чем отличается `<div>` от `<span>`?
## Чем отличается `<div>` от `<span>`?
`<div>` - блочный, а `<span>` - строчный элементы. Поэтому `<div>` формирует блок из того, что в нем располагается с новой строки, а `<span>` не переносит элементы, размещая их в строку. Так же стоит отметь, что согласно рекомендациям w3c линейный тег не может включать в себя блочные теги, поэтому `<div>` обычно используется для разметки блоков, а `<span>` - отрывков текста.

[к оглавлению](#Основы-html)

##Как обозначаются комментарии в HTML?
## Как обозначаются комментарии в HTML?
Комментарий в HTML-коде задаётся так: `<!-- комментарий -->`

Комментарии можно использовать в любом месте страницы, кроме тега `<title>` — внутри него они не работают. Внутри тега `<style>` HTML-комментарии тоже не работают, так как в CSS код комментируется другим способом.

[к оглавлению](#Основы-html)

##Каким образом задаётся адрес документа, на который следует перейти?
## Каким образом задаётся адрес документа, на который следует перейти?
Для создания ссылок на другие документы используется тег `<a>`. В зависимости от присутствия атрибутов `name` или `href` тег `<a>` устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри web-страницы.

Синтаксис:
Expand All @@ -124,7 +124,7 @@ __XHTML 1.1__

[к оглавлению](#Основы-html)

##Как сделать ссылку на адрес электронной почты?
## Как сделать ссылку на адрес электронной почты?
Создание ссылки на адрес электронной почты делается почти также, как и ссылка на web-страницу. Только вместо URL указывается `mailto:"адрес электронной почты"`

```html
Expand All @@ -133,7 +133,7 @@ __XHTML 1.1__

[к оглавлению](#Основы-html)

##Для чего предназначен тег `<em>`?
## Для чего предназначен тег `<em>`?
Тег `<em>` предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.

```html
Expand All @@ -143,7 +143,7 @@ __XHTML 1.1__
[к оглавлению](#Основы-html)


##Для чего предназначены теги `<ol>`, `<ul>`, `<li>`?
## Для чего предназначены теги `<ol>`, `<ul>`, `<li>`?
Теги `<ol>`, `<ul>` и `<li>` предназначены для оформления списков.

+ `<ol>`: нумерованный список, т.е. каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей.
Expand All @@ -167,7 +167,7 @@ __XHTML 1.1__
[к оглавлению](#Основы-html)


##Для чего предназначены теги `<dl>`, `<dt>`, `<dd>`?
## Для чего предназначены теги `<dl>`, `<dt>`, `<dd>`?
Теги `<dl>`, `<dt>`, `<dd>` предназначены для создания списка определений.

Каждый такой список начинается с контейнера `<dl>`, куда входит тег `<dt>` создающий термин и тег `<dd>` задающий определение этого термина. Закрывающий тег `</dd>` не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
Expand All @@ -181,7 +181,7 @@ __XHTML 1.1__

[к оглавлению](#Основы-html)

##Для чего предназначены теги `<tr>`, `<th>`, `<td>`?
## Для чего предназначены теги `<tr>`, `<th>`, `<td>`?

`<tr>`: служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега `<th>` или `<td>`.
`<th>`: предназначен для создания одной ячейки заголовка таблицы.
Expand All @@ -200,7 +200,7 @@ __XHTML 1.1__

[к оглавлению](#Основы-html)

##Обязательно ли писать атрибут `alt` в теге `<img>`?
## Обязательно ли писать атрибут `alt` в теге `<img>`?
Да, писать его обязательно.

Атрибут `alt` устанавливает альтернативный текст для изображений. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением.
Expand All @@ -211,7 +211,7 @@ __XHTML 1.1__

[к оглавлению](#Основы-html)

##В каком регистре лучше писать HTML-код?
## В каком регистре лучше писать HTML-код?
Весь HTML-код рекомендуется писать в нижнем регистре: это относится к названиям элементов, названиям атрибутов, значениям атрибутов (кроме текста/`CDATA`), селекторам, свойствам и их значениям (кроме текста).

Не рекомендуется
Expand All @@ -226,7 +226,7 @@ __XHTML 1.1__

[к оглавлению](#Основы-html)

##Что такое «мнемоника (entity)»?
## Что такое «мнемоника (entity)»?
__Мнемоника (entity)__ - это конструкция из символа `&` и буквенного (или цифрового кода) после нее, предназначенная для замещения символов, которые запрещены для использования в HTML в «явном виде».

>&num; имеет мнемонику `&num;`
Expand Down
Loading

0 comments on commit c21f7c4

Please sign in to comment.