Всем салют, друзья!
Сегодня мы с вами прокачаем язык HTML. И вот 50+ самых часто задаваемых вопросов и ответов на них на собеседовании по HTML-, эта подборка определенно прокачает ваши знания и поможет не ударить в грязь лицом вам в самых сложных моментах собеседования.
Погнали!
1. Расскажите про семантический HTML?
Семантический HTML - это стиль программирования. В основном это использование HTML-разметки для усиления смысла содержимого.
Пример: в семантическом HTML мы предпочитаем использовать <strong> тег вместо тега <b> для полужирных выражений. Точно так же мы предпочитаем использовать тег <em> вместо тегов <i> для выделений курсивом.
2. Что такое LongDesc в HTML?
Longdesc - это атрибут, который позволяет вам предоставить ссылку на другую страницу, содержащую описание содержимого фрейма. Например: longdesc = ”framedescription.html”.
SPAN используется для форматирования элементов в блоке SPAN. SPAN используется для выделения встроенного текста и позволяет пользователям применять к нему разные стили. не имеет собственного контейнера или территории.
10. Объясните тег.
Тег в основном используется для указания браузеру работы, которую он должен выполнить. Когда вы пишете любой текст на веб-странице HTML, вы обычно пишете его в теге, который помогает браузеру определить, какую функцию он должен выполнять.
11. В чем разница между HTML и HTML 5?
HTML 1.0 включал все спецификации для представления текста и изображений на веб-странице. Он также включает предоставление семантических данных, которые позволяют автоматизировать категоризацию и корреляцию документов HTML.
HTML5 сильно отличается от HTMl5. Это скорее платформа разработки приложений, которая включает текст, изображения, видео, аудио, интерактивную 2D и 3D графику, хранение данных в приложении, сети в реальном времени и многое другое.
12. Что такое тег кнопки?
Тег кнопки поддерживается в последней версии HTML, т. Е. HTML 5. Он в основном используется для создания кнопки в форме HTML на веб-странице. Эту кнопку можно нажать для создания события. Обычно он используется для создания кнопки «Сброс» или «Отправить».
13. Что такое встроенные элементы?
Встроенные элементы - это те, которые могут появляться в любом предложении, и они не должны появляться в новой строке. Это может быть выполнено с помощью следующих тегов: <em>, <ins>, <i>, <strong>, <b>, <sub>, <big>, <li>, <del>, <u>, < sup>
14. Для чего используется тег SPAN?
SPAN используется для форматирования элементов в блоке SPAN. SPAN используется для выделения встроенного текста и позволяет пользователям применять к нему разные стили. не имеет собственного контейнера или территории.
15. В чем разница между элементами HTML и тегами?
Элементы HTML используются для передачи сведений в веб-браузер с целью визуализации текста. Когда элементы HTML заключены в скобки <>, они преобразуются в теги HTML. Обычно теги идут парами и окружают контент.
16. Объясните тег DIV?
DIV - это контейнер или область, которая обычно используется для размещения элемента или группы элементов. DIV в основном используется для выделения области или блока текста на веб-странице TML, чтобы можно было применить к ним стили. Тег DIV также является альтернативой тегу Paragraph <p>, поскольку он создает логическое разделение документа HTML.
17. Объясните МЕТА-тег?
В основном он используется веб-браузерами и поисковыми системами для поиска ключевых слов. Тег <meta> предоставляет информацию о документе HTML. Метаданные - это данные о данных. Он используется для хранения таких сведений, как срок действия страницы, автор страницы, список ключевых слов, описание страницы.
18. Как включить комментарии в HTML?
HTML использует синтаксис комментариев SGML, поскольку HTML - это приложение SGML. Полный синтаксис сложен, и большинство браузеров не поддерживают его. Поэтому более короткий, но лучший способ:
Комментарий HTML: <! - Комментарий–>
19. Что такое сообщение формы?
Пары имя-значение отправляются в теле сообщения HTTP-запроса с помощью Form Post. Пары "имя-значение" не отображаются на панели веб-браузера. Никаких ограничений на длину строки у него нет.
20. Что такое скрипт?
Скрипт - это часть программы, которая может добавить на ваш сайт функции интерактивности. Сценарий может помочь создать всплывающее окно с предупреждением или разработать раскрывающееся меню. Вы можете написать различные краткие функции, известные как обработчики событий, используя любой язык сценариев, например VB Script или JavaScript, а затем вы можете запускать эти функции с помощью атрибутов HTML.
21. Может ли веб-страница содержать несколько заголовков в одном документе HTML?
Да. HTML-документ может содержать несколько заголовков в одном документе. Обычно тег HEADER используется для обслуживания функции по отношению к тому, каким может быть его родительский раздел. Таким образом, тег HEADER может быть включен в тег BODY TAG, тег ARTICLE и многое другое.
22. Объясните FONT Tag.
Тег FONT используется для управления формой и размером текста на веб-странице. Требуется закрывающий тег. Однако теги FONT и BASEFONT были удалены из HTM5. Итак, лучший вариант изменить ШРИФТ - использовать его в CSS. Он имеет следующие атрибуты: цвет, размер, лицо и т. Д.
23. Объясните разницу между расстоянием между ячейками и заполнением ячеек?
Расстояние между ячейками - это атрибут, определяющий ширину границы веб-страницы HTML. Он в основном контролирует пространство между ячейками таблицы. Заполнение ячейки - это атрибут, определяющий пространство между содержимым ячейки. Расстояние между ячейками в основном используется для определения пространства между различными ячейками, а также внутри каждой ячейки, а заполнение ячеек представляет собой расстояние между содержимым внутри ячейки и границами ячейки.
24. Перечислите особенности HTML 5.
1. Положения для расширения интерфейса программирования приложений (API) JavaScript, который включает кэширование, геолокацию, хранилище, перетаскивание и многое другое.
2. Обновленный список элементов управления формой: <время>, <url>, <календарь>, <электронная почта>, <дата>, <поиск>.
3. Улучшенная поддержка графики, видео и аудио данных с помощью тегов внедрения, таких как <video>, <canvas> и <audio>.
4. Обновлены семантические теги, включая <main>, <aside>, <section>, <nav>, <header>, <article> и <footer>.
25. Можем ли мы включить код Javascript в веб-страницу HTML? Если да, то как?
<script type = ”text / javascript”>
</script>
<html>
<body>
<script>
alert ('Hello, World!')
</script>
</body>
</html>
26. Включите атрибуты интернационализации для элемента XHTML.
1. XML: Lang
2. DIR
3. LANG
27. Что такое CSS?
CSS - это сокращенная форма каскадных таблиц стилей. Он предоставляет простые и эффективные альтернативы для указания различных атрибутов для тегов HTML. Используя CSS, вы можете указать свойства стиля для любого элемента HTML. Без необходимости указывать детали отдельно на каждой веб-странице, вы можете просто создать файл .CSS и заполнить детали там. Он будет автоматически обновляться на каждой веб-странице .HTML.
28. В чем разница между Form Get и Form Post?
Получить
данные формы кодируются браузером в URL-адрес. Данные формы видны в URL-адресе, который помогает добавить содержимое в закладки. Данные формы ограничены кодами ASCII.
Публикация
Пары имя-значение отправляются в теле сообщения HTTP-запроса с помощью Form Post. Пары имя-значение невидимы на панели веб-браузера. Никаких ограничений на длину строки у него нет.
Form Post и Form Get в основном соответствуют разным HTTP-запросам и отправляются по-разному. Могут потребоваться разные методы декодирования, поскольку данные кодируются по-разному.
29. Зарегистрируйте элементы формы.
Доступны следующие элементы формы:
1. Текстовые поля
2. Поле Textarea
3. Выпадающие меню
4. Радиокнопки
5. Флажки
30. Объясните тег DOCTYPE в HTML?
Это относится к определению типа документа. В нем упоминаются правила языка разметки для браузера, чтобы правильно отображать контент. DOCTYPE сейчас не является обязательным в HTML5. Однако его необходимо разместить перед тегом HTML, т. Е. В самой первой строке любого документа HTML. Это не тег HTML, а инструкция для веб-браузера, которая указывает версию языка разметки, на которой написана веб-страница.
31. Объясните XHTML.
XHTML расшифровывается как Extensible HyperText Markup Language. Он почти идентичен HTML. Он более строг по синтаксису по сравнению с HTML. XHTML - это расширение HTML, которое включает приложение XML, т. Е. Extensible Markup Language. Основное преимущество использования XHTML заключается в том, что он поддерживается всеми основными веб-браузерами.
32. Что такое IFRAME?
Тег IFRAME в основном используется для встраивания документов в HTML-документ. Однако последние разработки в HTML 5 лишили поддержки тега IFRAME, поэтому вам следует избегать его использования.
33. Какие расширения использует веб-страница HTML?
В документе HTML используются следующие расширения:
1. .html
2. .htm.
Однако вам следует придерживаться формата .html, поскольку он является условным и выглядит более эффективным.
34. Все ли HTML-теги имеют конечный тег?
Нет. У большинства из них есть конечные теги. Однако лишь немногие из них не нуждаются в тегах завершения, например теги <BR/> и <HR />. Использование конечного тега для этих двух тегов не является обязательным.
35. Включите несколько общих списков, которые используются при разработке веб-страницы HTML?
Есть много общих списков, которые используются для оформления страницы. Вы можете выбрать любую комбинацию или даже один список из следующих типов списков:
1. Список определений
2. Список меню
3. Упорядоченный список
4. Список каталогов
5. Неупорядоченный список
36. Что такое коробчатая модель?
Каждый элемент на странице представляет собой прямоугольную рамку и может иметь ширину, высоту, отступ, границы и поля. Каждый раздел блочной модели связан со свойством CSS: шириной, высотой, отступом, границей и полем.
37. Как вставить изображение в документ HTML вместе с различными атрибутами?
Вы можете вставить любое изображение в HTML-документ с помощью тега IMG. Он использует несколько атрибутов, которые помогают лучше продемонстрировать изображение. Этот тег не требует конечного тега, как другие теги.
<img src = image1.png ”alt =” thecrazyprogrammer ”height =” 25 ″ width = ”30 ″>
38. Что такое гиперссылки?
Гиперссылки содержат контент, связанный с другим URL. Это помогает посетителям перемещаться между веб-сайтами или веб-страницами на одном и том же веб-сайте. Он может быть связан с текстом или изображением на веб-странице.
39. Для чего используется Noresize?
Атрибут Noresize используется во фреймах. Он используется для предотвращения изменения размера кадра в HTML-документе пользователем. Однако размер рамки по умолчанию можно изменить, и вы можете сделать это, щелкнув и перетащив границы любого кадра.
40. Что такое блочные элементы?
Это элементы, которые появляются на экране в виде блока. У них есть промежуток между строками до и после начального и конечного тегов соответственно. Они начинаются с новой линии.
Следующие теги используются для элементов блока:
HR, ADDRESS, HEADING, OL, PRE, BLOCKQUOTE, DL.
41. Что такое HTML-формы?
HTML-формы необходимы, когда вы хотите собирать данные от посетителя. Он используется для сбора таких вещей, как имя, адрес электронной почты, номер кредитной карты и т. Д. Форма принимает данные от посетителя и сохраняет их в серверном приложении, таком как CGI, ASP Script или PHP-скрипт и т. Д.
42. Что такое тег EMBED?
Тег внедрения используется для включения видео или аудио в HTML-документ. Для встроенного тега требуется закрывающий тег. Для этого требуется Источник видео или аудиофайла, который должен отображаться на странице.
Синтаксис: <EMBED> Исходный файл </EMBED>
43. Объясните что такое термины Псевдоклассы.
Псевдо-класс используется для улучшения эффектов нескольких элементов HTML, включая действия при наведении курсора, цвета ссылок и некоторые другие. Псевдо-класс похож на обычный класс в HTML. Единственное отличие состоит в том, что он явно не определен в разметке HTML. Псевдокласс определяется перечислением селектора, за которым следуют двоеточие и элемент класса.
44. Объясните работу индекса Z.
Когда вы используете CSS для позиционирования элементов в документе HTML, есть возможности перекрытия. Чтобы избежать этого перекрытия, используется индекс Z. По сути, это целое число, которое может содержать как положительные, так и отрицательные значения. Значение по умолчанию - ноль.
45. Объяснять методы применения CSS к HTML-документам.
Следующие методы используются для включения стилей CSS в документы HTML:
INLINE: это лучший метод для использования, если вы хотите применить стиль к отдельному элементу в документе HTML. Вам просто нужно определить тег STYLE, вставив его в тег Paragraph, например <p> или <a>.
ВНУТРЕННИЙ: это достигается путем определения HEAD документа HTML путем обертывания атрибутов в теге STYLE.
ВНЕШНИЙ: это делается путем создания отдельного файла .CSS и включения его ССЫЛКИ в HTML-документ. Это может увеличить время загрузки страницы.
46. Перечислите недостатки внешних таблиц стилей:
1. Для импорта информации о стилях для каждого документа HTML из соответствующего файла .CSS требуется загрузить больше данных.
2. Визуализация HTML-документа невозможна, если таблица стилей загружена неправильно.
3. Для небольшого количества определений стилей на одной странице не рекомендуется использовать внешний файл CSS.
47. Расскажите про свойство Float в каскадной таблице стилей?
Предположим, вам нужно переместить изображение слева или справа от HTML-страницы вместе с его текстом подписи или любым текстом, который обернут вокруг него, вам следует использовать свойство Float.
48. Что такое CSS Selector?
CSS Selector - эквивалентная альтернатива HTML Element. Он действует как строка, определяющая элементы, к которым будет применяться объявление. Также это может быть набор объявлений. Селектор можно рассматривать как ссылку между HTML-документом и таблицей стилей.
49. Объяснение спрайтов изображений в CSS.
Когда несколько изображений или набор изображений объединяются в одно изображение, оно называется спрайтом изображений. Лучше использовать изображения Sprite, так как загрузка каждого изображения на веб-странице требует времени, и это сокращает время загрузки страницы.
50. Подчеркните достоинства встроенных таблиц стилей.
1. Никакой дополнительной загрузки из внешнего .css не требуется, что сокращает время загрузки страницы и увеличивает скорость.
2. Таким образом, можно создать несколько тегов в одном документе HTML.
3. Стили можно реализовать с помощью методов группировки, а также с помощью селекторов.
51. Объясните разницу между классом и селектором идентификатора?
Класс может быть связан с рядом элементов HTML, тогда как селектор идентификатора может быть связан только с одним экземпляром элемента в одном документе HTML.
52. Расскажите про логические и физические теги.
Логические теги - это старая концепция HTML, и они в основном предназначены для отображения содержимого. С развитием физических тегов логические теги отступили. Физические теги широко используются для презентационных функций разметки и лучше подходят для отображения в документе HTML.
Итак, это был список некоторых важных вопросов и ответов на HTML-интервью. Если вы обнаружили некорректную или отсутствующую информацию в приведенном выше списке, сообщите об этом в комментариях ниже.