Вопросы по html на собеседовании 24 вопроса. Дополняйте в комментариях
1. Что такое HTML и какие принципы лежат в его основе?
HTML (от англ. HyperText Markup Language) - язык разметки гипертекста, который используется для создания и структурирования веб-страниц. Основными принципами, лежащими в основе HTML, являются иерархическая структура документа, использование тегов и атрибутов для определения структуры и содержания документа, а также основное правило, согласно которому каждый тег должен иметь начальный и конечный элементы.
2. Какие элементы HTML являются блочными, а какие - строчными?
Блочные элементы HTML отображаются в виде блока, формирующего отдельную область на веб-странице, и занимают всю доступную ширину. Примерами блочных элементов являются например <div> <p>
Строчные элементы HTML отображаются непосредственно в строке с другими содержимым, и не занимают всю доступную ширину. Примерами строчных элементов являются например <span>
3. Какой тег используется для создания ссылок?
Для создания ссылки используется тег <a>. Атрибут href определяет URL-адрес страницы, на которую нужно перейти при клике на ссылке. Также можно добавлять дополнительные атрибуты, такие как title и target.
4. Что такое атрибут и какие атрибуты могут использоваться с тегом? <a>
Атрибут - это дополнительная характеристика, которая может быть назначена HTML-элементу. Атрибуты, которые могут использоваться с тегом <a>, включают в себя: href (определяет ссылку), title (определяет всплывающую подсказку), target (определяет целевое окно или фрейм).
5. Какой тег используется для создания списка и какие его виды существуют?
Для создания списка можно использовать тег <ul> для неупорядоченного списка и тег <ol> для упорядоченного списка. Внутри этих тегов можно использовать тег <li>, который определяет элемент списка.
6. Какой тег используется для вставки изображений и какие атрибуты могут использоваться?
Для вставки изображений используется тег <img>. Атрибуты, которые могут использоваться, включают в себя: src (указывает путь к файлу изображения), alt (определяет альтернативный текст, который будет отображаться, если изображение не будет загружено) и другие.
7. Как создать таблицу с помощью HTML?
Для создания таблицы нужно использовать тег <table>, а затем внутри него добавлять строки и ячейки с помощью тегов <tr> и <td>. Можно также использовать другие теги, такие как <thead>, <tfoot> и <th>, чтобы задать заголовки и подвалы таблицы.
8. Какие теги используются для создания формы в HTML?
Теги для создания формы в HTML включают в себя: <form> (для определения формы), <input> (для создания текстового поля, кнопки, флажка и др.), <textarea> (для создания многострочного текстового поля), <select> и <option> (для создания выпадающего списка).
9. Что такое метатеги и зачем они используются?
Метатеги (meta tags) - это HTML-элементы, которые указывают метаданные для веб-страницы, такие как описание, ключевые слова, автор, язык, кодировку и другие. Они используются для улучшения качества и читабельности кода, а также помогают улучшить SEO-оптимизацию веб-страниц.
10. Что такое валидный HTML и почему это важно?
Валидный HTML означает, что код HTML-страницы написан в соответствии с принятой структурой, правильным использование тегов и атрибутов и не содержит ошибок. Валидный HTML имеет большое значение для SEO-оптимизации и удобства создания и поддержки веб-страниц.
11. Почему используется атрибут "alt" при вставке изображений, и как он влияет на SEO?
Атрибут alt используется для задания альтернативного текста для изображения. Этот текст будет отображаться в случае, если браузер по какой-то причине не сможет загрузить изображение, а также для пользователей, использующих программы чтения страниц для слабовидящих, которые не могут прочитать содержимое изображения. Атрибут alt также влияет на SEO, так как поисковые системы могут использовать его для индексации и ранжирования страниц.
12. Какие два значения может принимать атрибут "type" у тега , и как они отличаются друг от друга?
Атрибут type у тега <input> может принимать два значения: "text" и "submit". Значение "text" указывает на то, что данный тег предназначен для ввода текстовых данных пользователем, а значение "submit" указывает на то, что данный тег будет использоваться для отправки формы на сервер.
13. Что такое data-атрибуты и как они могут использоваться в HTML?
Data-атрибуты представляют собой атрибуты, имя которых начинается с префикса "data-". Они могут использоваться для хранения дополнительных данных, связанных с элементом, которые не отображаются на странице, но могут быть использованы JavaScript-скриптами для манипулирования содержимым страницы.
14. Какие атрибуты могут использоваться с тегом <meta>, и для чего они используются?
Атрибуты, которые могут использоваться с тегом , включают в себя: "name", "content", "charset", "http-equiv", "viewport" и другие. Они используются в основном для определения метаданных страницы, таких как описание контента, ключевые слова, кодировка документа, информация о кэшировании и другие метаданные.
15. Можно ли использовать более одного атрибута "class" для одного элемента, и если да, то как это делается?
Да, можно использовать более одного атрибуте "class" для одного элемента. Для этого нужно добавить еще один класс через пробел. Например: <div class="class1 class2">.
16. Можно ли использовать более одного тега MAIN на странице и что будет происходить с их содержимым?
В HTML5 может быть использован только один тег <main>. Если на странице есть более одного тега <main>, то только первый будет учитываться при интерпретации содержимого. Остальные будут проигнорированы.
17. Какие есть способы задания стилей для элементов в HTML и какие их преимущества и недостатки?
Стили для элементов в HTML можно задавать с помощью встроенного CSS, внешнего CSS-файла, атрибута style или с помощью JavaScript. Встроенный CSS позволяет задавать стили непосредственно в HTML-документе и имеет приоритет над внешними стилями.
18. Какие есть способы подключения стилей к HTML-странице и в чем их различия?
Стили могут быть подключены к HTML-странице с помощью тега <style>, внешнего CSS-файла или встроенного CSS-кода в теге <head>. Внешний CSS-файл позволяет централизованно управлять стилями на нескольких страницах сайта, а также повышает читабельность кода.
19. Какие атрибуты можно использовать у тега VIDEO и что они означают?
Атрибуты, которые можно использовать с тегом <video>, включают в себя: "src", "controls", "autoplay", "loop", "muted", "height", "width" и другие. Они используются для управления отображением и воспроизведением видео на странице.
20. Что такое HTML5-атрибуты и как они отличаются от стандартных атрибутов HTML?
HTML5-атрибуты - это атрибуты, которые добавлены в HTML5 и отличаются от стандартных атрибутов HTML. Они включают в себя атрибуты для введения типа данных (data-*), для аудио и видео (autoplay, loop, muted), для форм (autocomplete, autofocus) и другие.
21. Что такое DOCTYPE и зачем он нужен?
DOCTYPE является объявлением версии HTML, которую использовать на странице. Он нужен браузеру, чтобы понимать, как интерпретировать и отображать содержимое страницы в соответствии с определенной версией HTML.
22. Что такое атрибуты в HTML и как они используются?
Атрибуты являются частью HTML тегов и используются для дополнительной настройки тегов. Они обычно определяются как пары «атрибут=значение» и добавляются в начало тега.
23.Что такое семантические теги и зачем они нужны?
Семантические теги - это теги, которые используются для определения содержимого веб-страницы по его значениям, а не для форматирования внешнего вида. Они помогают поисковым системам и другим программам лучше понимать содержимое страницы, что повышает ее доступность и SEO-оптимизацию. Примеры: <header>, <nav>, <main>, <section>, <article>, <aside>, <footer>.
24. Какие методы передачи данных поддерживает HTML форма?
HTML формы поддерживают два метода передачи данных: GET и POST.
GET метод передачи данных добавляет параметры запроса к URL-адресу и отправляет их на сервер в открытом виде. Он обычно используется для меньшего объема данных и чтения данных с сервера.
POST метод передачи данных отправляет данные на сервер в теле сообщения HTTP POST запроса и обычно используется для большого объема данных и изменения данных на сервере.