HTML CSS вопросы и ответы для собеседований

Лекция

Привет, сегодня поговорим про html css ответы для собеседований, обещаю рассказать все что знаю. Для того чтобы лучше понимать что такое html css ответы для собеседований , настоятельно рекомендую прочитать все из категории Каскадные таблицы стилей CSS/ CSS3.

1. какая разница между строчными и блочными HTML тегами

2.какая разница между следующими селекторами?

p span

p>span

p+span

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. В процессе этой обработ-

ки ошибки, допущенные разработчиками, не исправляются.

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

- Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега (например,

<img> или <br>) должны иметь на конце / (например, <br />).

- Булевы атрибуты записываются в развернутой форме. Например, следует писать <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.

А нужен он для того, чтобы браузеры правильно отображали разметку документа. Об этом говорит сайт https://intellect.icu . Если не указать 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. Как сделать сылку на имейл?

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

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

9. Что такое <ol>, <ul> и <li>

Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега

<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. Как убрать синюю рамку вокруг картинки-ссылки?

Вот так:

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

Да. Этого требует стандарт, да и здравый смысл, т.к. некоторые пользователи все еще отключают

картинки, а некоторые используют текстовые или даже голосовые браузеры. Если картинка не

несет никакой смысловой нагрузки (элемент дизайна, “распорка” и т.п.), то можног поставить в

тег <img> значение alt=””.

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

Entities - это комбинации знака & и буквенного или цифрового кода после нее, предназначенные

для замещения символов, которые не могут встречаться в “чистом” виде в HTML-тексте,

например, символа “<”.

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

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

<head>

</head>

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

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

сейчас у нас используется target=”_blank”.

17. Что такое стандарты W3C?

Консорциум всемирной паутины (World Wide Web Consortium, W3C) - организация, разрабаты-

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

W3C разрабатывает для Интернета единые принципы и стандарты, называемые “рекомендаци-

ями”, которые затем внедряются производителями программ и оборудования. Таким образом

достигается совместимость между программными продуктами и аппаратурой различных ком-

паний, что делает Всемирную сеть более совершенной, универсальной и удобной

Надеюсь, эта статья про html css ответы для собеседований, была вам полезна, счастья и удачи в ваших начинаниях! Надеюсь, что теперь ты понял что такое html css ответы для собеседований и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Каскадные таблицы стилей CSS/ CSS3

Из статьи мы узнали кратко, но содержательно про html css ответы для собеседований

Ответы на вопросы для самопроверки пишите в комментариях, мы проверим, или же задавайте свой вопрос по данной теме.

HTML CSS вопросы и ответы для собеседований

Комментарии

Оставить комментарий

Каскадные таблицы стилей CSS/ CSS3

Термины: Каскадные таблицы стилей CSS/ CSS3