Перейти к основному содержимому

HTML

Какие отличия классов id знаешь​

  • id должен быть уникальным в пределах документа и может использоваться для ссылки на элемент через атрибут href в теге a.

Какая разница между script, script async, script defer​

  • script загружается и выполняется синхронно, блокируя рендеринг страницы до завершения загрузки.
  • script async загружается асинхронно, выполняется после загрузки, не блокируя рендеринг страницы.
  • script defer загружается асинхронно, но выполняется после полной загрузки документа, что позволяет сохранить порядок выполнения скриптов.

Как работают cookies​

Cookies используются для сохранения данных на стороне клиента, таких как предпочтения пользователя, информация о сессии и т.д. Они могут быть доступны как серверу, так и клиенту.

В чем различие article и section​

article предназначен для самостоятельного контента, который может быть распределен по сайту или между сайтами. section используется для группировки связанного контента, например, разделов статьи или главы книги.

Что такое doctype и для чего он нужен​

Doctype определяет версию HTML и режим рендеринга браузера (стандартный или совместимость). Это важно для корректного отображения страницы.

Для чего нужны data атрибуты​

Data атрибуты используются для хранения дополнительных данных, не влияющих на представление, и могут быть доступны через JavaScript.

Для чего необходим viewport​

Viewport определяет область просмотра на мобильных устройствах, позволяя контролировать масштабирование и размер области просмотра.

Что такое режим совместимости (quirks mode)​

Режим совместимости — это режим, при котором браузер эмулирует старые версии HTML для совместимости, что может привести к некорректному отображению страницы.

Что такое стандартный режим (standards mode)​

Стандартный режим — это режим, при котором браузер следует современным стандартам HTML, обеспечивая корректное отображение страницы.

В чем разница между HTML и XHTML​

XHTML требует строгого соблюдения синтаксиса XML, включая закрытие всех тегов и атрибутов. HTML более гибкий и позволяет опускать некоторые элементы.

Могут ли возникнуть проблемы при подаче страниц с типом application/xhtml+xml​

Да, некоторые браузеры могут некорректно обрабатывать XHTML, особенно если документ содержит синтаксические ошибки.

Какая связь между SGML, HTML, XML и XHTML​

SGML (Standard Generalized Markup Language) — это язык разметки, на котором основаны HTML и XHTML. XML (eXtensible Markup Language) — это расширение SGML, которое используется для создания новых языков разметки, включая XHTML.

Как следует оформлять страницу, в которой контент может быть на разных языках​

Использовать атрибут lang в теге html для указания основного языка документа и атрибут lang в тегах body, p, a для указания языка конкретных элементов.

Если рассматривать html5 как открытую web-платформу, на чем она строится, из каких компонентов состоит​

HTML5 строится на стандартах, включая CSS3, JavaScript, SVG, Canvas, WebGL, WebSockets и другие технологии, предоставляя широкий спектр возможностей для разработки веб-приложений.

В чем отличия html5 от html4.01 и Xhtml1.0​

HTML5 добавляет новые элементы и атрибуты, улучшает семантику и поддержку мультимедиа, включая видео и аудио, а также вводит новые механизмы для работы с формами и данными.

Что такое httponly cookies​

Cookies, доступные только для сервера, что делает их недоступными для JavaScript, улучшая безопасность.

Что такое secure ("безопасные") cookies​

Cookies, передаваемые только по защищенному соединению (HTTPS), что обеспечивает их безопасность при передаче.

Объясни разницу между cookies, sessionstorage и localstorage​

Cookies сохраняются на стороне клиента и могут быть доступны серверу, sessionStorage и localStorage сохраняют данные на стороне клиента, но не доступны серверу. sessionStorage очищается при закрытии браузера, localStorage сохраняет данные между сессиями.

Каким способом, возможно вложить js-объект в localstorage​

Сначала сериализуйте объект в строку JSON с помощью JSON.stringify(), затем сохраните. При извлечении десериализуйте строку обратно в объект с помощью JSON.parse().

Нужно ли в 5-м HTML закрывать /> одиночные теги​

Нет, в HTML5 одиночные теги не требуют закрытия.

Что такое кэш приложения в HTML5​

Кэш приложения позволяет сохранять ресурсы приложения в кэше браузера, ускоряя загрузку страниц при повторном посещении.

Дай описание следующих разделам в файле манифеста кеша: Cache, network и fallback​

Cache: определяет ресурсы для кэширования. Network: указывает стратегию сетевого доступа (например, *, network only). Fallback: определяет стратегию загрузки ресурсов при отсутствии подключения.

Что такое прогрессивный рендеринг​

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

Что такое meta теги​

Meta теги используются для предоставления метаинформации о документе, такой как кодировка, описание, ключевые слова для поисковых систем и т.д.

Как можно с помощью meta-тега, указать http - заголовок​

Используя атрибут http-equiv, например, meta http-equiv="Content-Type" content="text/html; charset=UTF-8".

Какие теги практически обязательно должны быть в head​

title meta charset="UTF-8" link rel="stylesheet" href="..." meta name="viewport" content="width=device-width, initial-scale=1.0"

Что такое аттрибут target и какие значения он принимает и что делает​

Атрибут target указывает, где открывать ссылку: в новой вкладке (_blank), в том же окне (_self), в родительском окне (_parent), в самом верхнем окне (_top).

Что такое абсолютная ссылка​

Ссылка, содержащая полный URL, например, https://example.com/page.html.

Что такое относительная ссылка​

Ссылка, указывающая на ресурс относительно текущего документа, например, page.html или ../page.html.

Какие новые элементы форм введены в html 5​

datalist, output, progress, meter.

Что такое элемент datalist в html 5​

Элемент datalist используется для предоставления предложений ввода для элементов формы, например, input.

Что такое элемент output в html 5​

Элемент output используется для отображения результатов вычислений, например, результатов формы.

Что такое свойство valueasnumber​

Свойство элементов формы, позволяющее получить значение элемента как число.

Для чего нужен атрибут autocomplete какие параметры принимает​

  • Атрибут autocomplete используется для включения или отключения автозаполнения полей формы, принимает значения on (включено) и off (отключено).

Какой метод запускает проигрывание аудио-файла​

  • Метод play() элемента audio запускает проигрывание аудио.

Какой формат видео файлов сейчас поддерживается html5​

  • HTML5 поддерживает форматы MP4, WebM и Ogg для видео.

Какие элементы в html5 могут иметь aria атрибут​

  • Все элементы, поддерживающие атрибуты, могут иметь ARIA атрибуты для улучшения доступности.

Знаешь ли тег dfn и за что он отвечает​

  • Тег dfn используется для определения термина или аббревиатуры, обычно сопровождается атрибутом title с полным определением.

Что такое svg​

  • SVG (Scalable Vector Graphics) — это язык разметки для описания векторной графики, поддерживаемый всеми современными браузерами.

Что такое canvas в html 5​

  • Элемент canvas используется для рисования графики с помощью JavaScript, позволяя создавать сложные графические эффекты.

В чём разница между canvas и svg​

  • Canvas использует битовую графику, что делает его идеальным для анимаций и игр, в то время как SVG использует векторную графику, что позволяет легко масштабировать изображения без потери качества.

В каких случаях лучше выбрать canvas, а в каких svg​

  • Canvas лучше подходит для анимаций и игр, где требуется быстрое обновление изображения. SVG лучше подходит для статической графики, где важна четкость и масштабируемость.

Что такое webgl​

  • WebGL (Web Graphics Library) — это JavaScript API для рендеринга 3D графики в браузере, позволяя создавать сложные 3D сцены.

Перечислите блочные элементы, которые вам известны(хотя бы 5)​

  • div, p, h1, ul>, form.

Перечислите строчные элементы, которые вам известны(хотя бы 5)​

  • span, a, img, strong, em.

Дай пояснения, для какой цели добавлены следующие элементы: Article, aside, audio, canvas, figcaption, figure, footer, header, hgroup, output, section, video​

  • Article: самостоятельный контент, например, статья или блог-пост.
  • Aside: вспомогательный контент, например, боковая панель или примечание.
  • Audio: аудио контент, например, аудиофайл.
  • Canvas: рисование с помощью JavaScript.
  • Figcaption: подпись к фигуре, например, к изображению.
  • Figure: контейнер для фигуры и подписи.
  • Footer: подвал документа, например, ссылки на контактную информацию.
  • Header: заголовок документа, например, навигационное меню.
  • Hgroup: группировка заголовков, например, заголовка статьи и подзаголовка.
  • Output: результат вычислений, например, результат формы.
  • Section: секция документа, например, главная часть статьи.
  • Video: видео контент, например, видеофайл.

На какие события video или audio можно подписаться​

  • На события, такие как play, pause, ended, timeupdate, volumechange, которые позволяют реагировать на действия пользователя или изменения состояния медиаэлемента.

Для чего нужен тег noscript​

  • Тег noscript используется для отображения контента в случае отсутствия поддержки JavaScript в браузере.

Что такое категории контента в html5, сколько их, расскажи о них​

  • В HTML5 определено 10 категорий контента: article, aside, details, figcaption, figure, footer, header, hgroup, nav, section. Каждая категория предназначена для определенного типа контента, что улучшает семантику и доступность веб-страниц.

Какие категории считаются основными категориями контента​

  • Основные категории контента включают article, section, nav, aside, которые используются для структурирования основного контента веб-страницы.

Отличие I от em и strong от b т. д.​

  • Теги i и em используются для выделения текста, strong и b — для выделения важного текста. i не несет семантической нагрузки, в то время как em указывает на акцентирование внимания. Аналогично, strong указывает на важность текста, в то время как b просто делает текст жирным.

Какие теги запрещены в html5​

  • В HTML5 запрещены теги, которые не соответствуют семантике и доступности, например, font, center, strike, u.

Какое событие сработает при потере фокуса элементом формы​

  • Событие blur сработает при потере фокуса элементом формы.

Что такое "якорь"​

  • "Якорь" — это ссылка, которая позволяет переходить к определенному месту на той же странице или на другой странице.

Расскажи про тег keygen​

  • Тег keygen используется для генерации пары ключей в форме, что позволяет пользователю генерировать открытый ключ и отправлять его на сервер для аутентификации.

Существует ли тег basefont и за что он отвечает​

  • Тег basefont существовал в HTML 3.2 и HTML 4.0, но был удален в HTML5. Он использовался для задания шрифта по умолчанию для всего документа. В HTML5 для задания шрифтов используются CSS.