Собеседование по HTML

Вас пригласили на интервью (собеседование) для того чтобы предложить вам работу html-верстальщика? Или еще кого-то? Вам будут задавать вопросы. Приводим здесь небольшой список наиболее распространенных вопросов и сразу же ответы к ним. Возможно Вы и сами знаете эти ответы или хотите проверить себя, тогда читайте только вопросы. Полезно даже знающим спецам, чтобы повторить или освежить свои знания. 1. HTML5 знаешь? Нарисуй что-нибудь.

<rect x="100" y="100" width = "300" height = "300" fill = "blue" stroke = "red" stroke-width = "50px" rx = "8" ry = "8" id = "myRect" class = "chart" />

Нарисует синий квадрат с красной рамкой с закругленными краями.

2. Чем HTML отличается от XHTML?

XHTML представляет собой словарь XML, в то время как HTML – это лишь предшествующий XHTML язык разметки. Основное различие между ними заключается в обработке документа. Документы XHTML обрабатываются своим модулем (парсером) аналогично документам XML. В процессе этой обработки ошибки, допущенные разработчиками, не исправляются.

Более подробно о различиях:

– Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега должны иметь на конце /.
– Булевы атрибуты записываются в развёрнутой форме. Например, следует писать

<option selected=”selected”> или <td nowrap=”nowrap”>.

– Имена тегов и атрибутов должны быть записаны строчными буквами (например,

<img alt=”” /> вместо <IMG ALT=”” />).

– XHTML гораздо строже относится к ошибкам в коде; < и & везде, даже в URL, должны замещать- ся < и & соответственно. По рекомендации W3C браузеры, встретив ошибку в XHTML, должны сообщить о ней и не обрабатывать документ. Для HTML браузеры должны были попытаться понять, что хотел сказать автор.
– Кодировкой по умолчанию является UTF-8 (в отличие от HTML, где кодировкой по умолчанию является ISO 8859-1).

3. Что такое DOCTYPE и зачем он нужен?

DOCTYPE – это определение типа документа (Document Type Definition (DTD)), правила, в соответствии с которыми осуществляется проверка конкретного документа (веб-страницы) XML или (X)HTML. Благодаря этой записи, браузер определяет, какая в данном документе используется версия DTD. А нужен он для того, чтобы браузеры правильно отображали разметку документа. Если не указать DOCTYPE, то браузер будет добавлять “отсебятину”, причём каждые браузеры будут добавлять свою “отсебятину”. В результате, ни о какой кроссбраузерности не может и речи идти.

4. Чем отличается div от span?

div – это блочный контейнер, а span - линейный. Контейнеры – это то, во что может быть вложено что-нибудь еще. div используется для разметки блоков, а span – для текста. div формирует блок из того, что в нем с новой строки и после него элемент идет с новой строки (если не поменять поведение с помощью CSS), а span не переносит и “обтягивает”

5. Как обозначаются комментарии в HTML?

<!-- вот так-->

6. Ссылки. Как задать адрес документа, на который следует перейти?

<a href=”http://vottak.com/example/example.html”>Абсолютная ссылка</a> <a href=”../../example/example.html”>Относительная ссылка</a>

7. Как сделать сcылку на имейл?

<a href=”mailto:jeffjoellennox@mail.ru”>E-mail me</a>

8. Что делают теги <em></em>

Выводят заключенный в них текст курсивом.

9. Что такое

<ol></ol>, <ul></ul> и <li></li>

Теги <ol><ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться и заканчиваться тегами <li><li> Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства. Тег <ul> устанавливает ненумерованный (маркированный) список.

10. Зачем нужны теги <dl>,<dt>,<dd>?

Теги <dl>,<dt>,<dd> предназначенны для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина. Закрывающий тег </dd> не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.

11. Зачем нужны теги <tr>, <th>, <td> ?

Тег <tr> служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега <th> или <td>. <th> предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Тег <th> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>. <td> предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

12. В каком регистре лучше писать HTML-код?

Раньше считалось, что это безразлично. Но с приходом XHTML на этот вопрос появился однозначный ответ - все теги, атрибуты и предопределенные значения пишем в нижнем регистре.

13. Как убрать синюю рамку вокруг картинки-ссылки?

Вот так:

<img border=”0” ... />

14. Обязательно ли писать alt в <img>?

Да. Этого требует стандарт, да и здравый смысл, т.к. некоторые пользователи все еще отключают картинки, а некоторые используют текстовые или даже голосовые браузеры. Если картинка не несет никакой смысловой нагрузки (элемент дизайна, “распорка” и т.п.), то можно поставить в тег <img> значение alt="".

15. Что такое entities?

Entities – это комбинации знака & и буквенного или цифрового кода после нее, предназначенные для замещения символов, которые не могут встречаться в "чистом" виде в HTML-тексте, например, символа "<".

16. Как сделать чтобы все гиперссылки сайта открывались в новом окне, т.е чтобы по умолчанию использовался target="_blank"?

Нужно в области head прописать тег base с атрибутом target="_blank":

<head><base target=”_blank”></head>

17. А как теперь быть, если какую-то из гиперссылок я захочу открыть в этом же окне, т.е. не создавая новое?

В тег <a> этой ссылки вам уже нужно будет добавить атрибут target="_self", ибо по умолчанию сейчас у нас используется target="_blank"..