View on GitHub

java-interview

Вопросы для собеседования на разработчика Java

Вопросы для собеседования

Основы HTML

Что такое «HTML»?

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

к оглавлению

Что такое «XHTML»?

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

к оглавлению

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

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

Существует несколько видов <!DOCTYPE>, различающихся версией языка, на который они ориентированы:

HTML 4.01

HTML 5

XHTML 1.0

XHTML 1.1

к оглавлению

Для чего предназначен тег <head>?

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

Содержимое тега <head> не отображается напрямую на web-странице, за исключением тега <title> устанавливающего заголовок окна.

Внутри контейнера <head> допускается размещать следующие элементы: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>.

Синтаксис:

<head>
  ...
</head>

Специфические атрибуты:

к оглавлению

Чем отличается <div> от <span>?

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

к оглавлению

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

Комментарий в HTML-коде задаётся так: <!-- комментарий -->

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

к оглавлению

Каким образом задаётся адрес документа, на который следует перейти?

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

Синтаксис:

Специфические атрибуты:

к оглавлению

Как сделать ссылку на адрес электронной почты?

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

<a href="mailto:user@address.net">Напиши мне!</a>

к оглавлению

Для чего предназначен тег <em>?

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

<em>Текст</em>

к оглавлению

Для чего предназначены теги <ol>, <ul>, <li>?

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

<ol>Нумерованный список
    <li>первый</li>
    <li>второй</li>
    <li>третий</li>
</ol>

<ul>Маркированный список
    <li>первый</li>
    <li>второй</li>
    <li>третий</li>
</ul>

к оглавлению

Для чего предназначены теги <dl>, <dt>, <dd>?

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

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

<dl>Список определений
    <dt>Термин</dt>
    <dd>Определение</dd>
</dl>

к оглавлению

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

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

<table>
    <tr>
        <th>Заголовок</td>
    </tr>
    <tr>
        <td>Строка</td>
    </tr>
</table>

к оглавлению

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

Да, писать его обязательно.

Атрибут alt устанавливает альтернативный текст для изображений. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением.

<img src="forest.jpg" alt="Лес">

к оглавлению

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

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

Не рекомендуется

<A HREF="/">Домой</A>

Рекомендуется

<img src="forest.jpg" alt="Лес">

к оглавлению

Что такое «мнемоника (entity)»?

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

&num; имеет мнемонику &num;

к оглавлению

Источники

Вопросы для собеседования