Меню

ТОП 35 въпроса и отговори за интервю за HTML5

top 35 html5 interview questions

Опитайте Нашия Инструмент За Премахване На Проблемите

Най-често задаваните въпроси за интервю за HTML5 с отговори и примери за кодове:

HTML5 е най-новата версия на езика HTML, HTML означава Hyper Text Markup Language, това е универсален език за маркиране на World Wide Web, който позволява да се създават и проектират уеб страници, които да се гледат в интернет.

HTML5, който беше официално публикуван през 2012 г., поддържа всички съществуващи уеб страници.

Тази статия ще обхване основните, както и разширените въпроси за интервюта на HTML5 с перфектни примери за начинаещи и опитни професионалисти.

въпроси и отговори за интервю за html5

Характеристики на HTML5

Има няколко забележителни характеристики на HTML5 и малко от тях са посочени по-долу за справка.

Новите функции на HTML5 включват:

  • Поддържат медиен елемент като видео и аудио.
  • Локално съхранение
  • Поддържа някои нови елементи и потребителски атрибути.
  • Нови елементи на формуляра като url, дата, диапазон, час, цвят и т.н.

Препоръчително четене => Топ 30 въпроса за интервю за HTML

Най-важните въпроси и отговори за интервю за HTML5

По-долу са изброени някои от най-често задаваните въпроси Въпроси за HTML5 с примери за кодиране за вашето лесно разбиране.

Приготви се!!

В # 1) Какво е HTML5?

Отговор: HTML5 е най-новата версия на езика за маркиране HyperText, който може да бъде препратен към основния език на WWW (World Wide Web), този език за маркиране подобрява текстов файл с битове код и този код, който можем да кажем като „маркиране“, описва структура на документа.

HTML5 предоставя някои стандартни функции като тази на CSS, HTML, JavaScript и DOM, което от своя страна ще намали изискването за външни приставки. Това е по-голяма маркировка за замяна на скриптове, по-добро обработване на грешки и т.н.

HTML5 въвежда някои нови функции, които могат да се използват за промяна на начина на взаимодействие на потребителя с документи, включително:

  • Добавяне на нови правила за разбор за подобряване на гъвкавостта.
  • Добавяне на нови атрибути.
  • Разрешаване на офлайн редактиране.
  • Поддръжка (Web SQL), - Общ стандарт за съхраняване на данни в SQL бази данни.
  • Поддръжка на протокол и регистрация на MIME манипулатор.

В # 2) Каква е разликата между HTML и HTML5?

Отговор: Разликата между HTML и HTML5 е дадена по-долу:

HTML5HTML
Позволява плъзгане и пускане на ефект.Не позволява ефект на плъзгане и пускане.
HTML5 има видео и аудио поддръжка на високо ниво.Поддръжката на видео и аудио на високо ниво не е част от версията и спецификациите в предишния HTML.
Canvas, SVG и други виртуални векторни графики се поддържат в HTML5.В HTML, ако искаме да внедрим векторна графика, това беше възможно само с помощта на библиотека на трети страни като VML, Silver-light и т.н.
SVG и MathML могат да се използват в текст.Това не е възможно в HTML.
Базата данни Web SQL, кешът на приложенията и уеб хранилището се използват като постоянно съхранение.Кешът на браузъра може да се използва като временно хранилище.
HTML5 е по-удобен за мобилни устройства.HTML е по-малко удобен за мобилни устройства.
Декларирането на Doctype е просто и лесно.Декларирането на Doctype е дълго и сложно ..
Налични са атрибути на Async, charset и ping.Тези атрибути не са налични в HTML.
HTML5 поддържа javascript за работа във фонов режим.Не поддържа javascript за изпълнение в уеб браузъра.
Можем да нарисуваме фигури като правоъгълник, кръг и триъгълник в HTML5.Не е възможно да се нарисуват форми като правоъгълник, кръг, триъгълник и т.н.

В # 3) Какво е? Какви са различните видове налични?

Отговор: Декларацията предоставя инструкции на уеб браузъра да разбере каква информация трябва да се показва и необходимостта да започне с декларацията. В HTML5 декларацията на DOCTYPE е много кратка и без регистрация и е написана в горната част на всяка HTML5 страница.

Следният DOCTYPE също се поддържа в HTML5:

Има 3 вида ДОКТИПИ, както е споменато по-долу:

  • Строг документ
  • Доктотип на рамката
  • Преходен документ

В # 4) Кои са новите маркери в мултимедийни елементи в HTML5?

Отговор: Новите тагове в Media Elements в HTML5 са изброени по-долу :

  • : Кандидатствайте за мултимедийно съдържание като звуци, аудио потоци или музика, вграждане на аудио съдържание без изискването за допълнителен плъгин като флаш плейър.
  • : Кандидатствайте за видео съдържание като видео потоци или филмов клип, вградено видео съдържание и т.н.
  • : Кандидатствайте за множество медийни ресурси в медийни елементи, като аудио, видео, картина и т.н.
  • : Кандидатствайте за външно приложение или вградено съдържание (приставка).
  • : Кандидатствайте за текстови записи в медийни елементи като видео или аудио. Този маркер се използва за субтитри или файлове с надписи, докато се възпроизвежда видео носителят.

В # 5) Какво е таг в HTML5?

Отговор: Тагът е специално съдържание в HTML5, което е заобиколено от ъглова скоба (). Символ наклонена черта (/) се използва за затваряне на маркера след завършване на блока.

Например

This is my Browser

Тагът Html5 е набор от символи, които разработват форматирана команда за уеб страница. Тези форматирани команди комуникират и изпращат инструкцията на браузъра.

Q # 6) Какво е минималният брой HTML5 тагове, които са необходими за създаване на уеб страница?

Отговор: За създаването на уеб страница са необходими минимум 3 HTML5 маркера, като (,,).

В # 7) Каква е важността на Drag and Drop в HTML5?

Отговор: Плъзгане и пускане е най-важната концепция за потребителския интерфейс, която улеснява улавянето на даден обект и плъзгането му на желаното от вас място с помощта на щракване с мишката.

Някои често срещани функции, които най-често се използват от операцията „Плъзгане и пускане“, включват преместване, свързване или копиране.

Можем да плъзгаме изображение, като използваме елементи, type = , за да направите изображението с възможност за плъзгане и да зададете атрибута на изображението за плъзгане на true.

В # 8) Обяснете новите типове въвеждане на формуляри в HTML5.

Отговор: HTML5 има 14 нови типа на въвеждане на формуляри:

  • Дата: Това е инструмент за избор на дата, можем да изберем дата, като използваме type = 'дата'.
  • Седмица: Това е инструмент за избор на седмица, можем да изберем седмица, като използваме type = „Седмица“.
  • Месец: Това е избор на месец, можем да изберем месец, като използваме type = „Месец“.
  • Време: Това е инструмент за избор на време, можем да изберем времето, като използваме type = „Време“.
  • Време за среща: Това е комбинирана дата и час, можем да изберем комбинацията от дата и час, като използваме type = 'Време за среща'.
  • Дата-местно: Комбинирана местна дата и час, можем да изберем комбинацията от местна дата и час, като използваме type = “DateTime-local”.
  • Електронна поща: Позволява една или повече имейл адреси, можем да въведем множество имейл адреси, като използваме type = 'електронна поща'.
  • Телефон: Позволява различни телефонни номера по целия свят. Телефонният номер се потвърждава от страна на клиента. Можем да въведем телефонен номер, като използваме type = „Телефон“.
  • Търсене: Позволява да се търсят заявки по въведен текст. Можем да въведем множество заявки, използвайки type = 'Търсене'.
  • Номер: Позволява вмъкване на числова стойност с допълнителни атрибути като мин., Макс. и т.н., и можем да въведем множество числови стойности, като използваме type = „Номер“.
  • URL адрес: Тип на въвеждане на URL, който се използва за уеб адреса. В един url можем да използваме множество атрибути, използвайки type = „Url“.
  • Цвят: Позволява да се избират множество цветове, можем да изберем няколко цвята, използвайки type = 'цвят'.
  • Обхват: Позволява да се вмъкне числова стойност в рамките на определен диапазон, диапазонът е подобен на номера, но е много специфичен. Можем да въведем числова стойност в диапазон, използвайки type = „Обхват“.
  • Заместител: Позволява да се покаже кратък намек (обикновено в светъл цвят) в полетата за въвеждане, преди да въведем стойността. Можем да напишем кратък намек в полето за въвеждане, като използваме type = „Заместител“.

В # 9) Какво представлява картата с изображения в html5?

Отговор: Картите с изображения са комбинация от URL и изображения, при които кликването върху тези изображения (кликваща област на изображението) ще отвори различни нови уеб страници.

В HTML5 се предлагат два типа карти с изображения, т.е. клиентска и сървърна страна:

Карта на изображението от страна на клиента се създава чрез използване на два елемента и пясък, където картата съдържа информацията за картата, а елементът на площта взема атрибутите, за да дефинира всеки раздел на картата. Карта на изображението от страна на сървъра създаден чрез usingattribute, атрибутът usemap е името на нашата карта.

В # 10) Как да напишете символ за авторски права на страницата на уеб браузъра?

Отговор: За да напишем символ за авторски права, трябва да напишем © или © в HTML5 файл.

В # 11) Как да оптимизираме активите на уебсайта?

Отговор: Трябва да разберем някои основни правила за оптимизация, за да оптимизираме активите на уебсайта. Първоначално трябва да намалим размера на изтеглянето и да направим по-малко http заявки.

За да оптимизираме активите на уебсайта, можем да следваме следните техники:

  • Компресиране на файлове
  • Обединяване на файлове
  • CDN хостинг
  • Разтоварване на активи
  • Реорганизиране
  • Рафиниращ код

В # 12) Каква е ползата от MathML Element в HTML5?

Отговор: Думата MathML (Mathematical Markup Language) е език за маркиране, който се използва за показване на научен и математически израз в мрежата. MathML е форма на XML (разширяем език за маркиране), за да опише нотацията по математика.

Можем да използваме ... тагове в HTML5 документите за внедряване на MathML елемент.

Пример: отпечатайте a² + 2b + 5 = 0, като използвате HTML5 код.

MathMl Example http://www.w3.org/1998/Math/MathML ”> a 2 + 2 b + 5 = 0

Забележка: Ако MathML се използва от приложение, което съответства на пространството от имена в препоръка за XML, тогава трябва да се използва следното пространство от имена:

http://www.w3.org/1998/Math/MathML

В # 13) Кои са различните тагове за форматиране в HTML5?

Отговор: HTML5 има някои стари и нови форматиращи маркери, както е дадено по-долу:

  • Маркиран текст: Представлява подчертан текст за справочни цели. Можем да използваме > тагове за подчертаване на текст.
  • Изтрит текст: Задава изтрития блок от текст. Можем да използваме тагове, за да приложим изтрит текст.
  • Подчертан текст: Определя подчертания текст. Можем да използваме тагове за изпълнение на подчертан текст.
  • Вмъкнат текст: Вмъква блок текст в документ. Можем да използваме тагове, за да приложим вмъкнат текст.
  • Малък текст: Показване на вмъкнатия текст в малък размер. Можем да използваме тагове, за да приложим малък текст.
  • Горен текст: Това е надписан текст. Можем да използваме тагове за внедряване на горен текст.
  • Индекс на текста: Това е абониран текст. Можем да използваме тагове за внедряване на горен текст.

В # 14) Защо използваме HTML5?

Отговор: HTML5 поддържа анимация, рисуване, аудио, видео и т.н. и лесно вгражда видео в уеб страницата. Не се изисква допълнителен софтуер като Flash за гледане на видеоклипове.

Някои от важните причини за използване на HTML5 са дадени по-долу:

  • Наследена и поддръжка на различни браузъри
  • По-добри взаимодействия
  • По-интелигентно съхранение
  • По-чист код

В # 15) Какво е хипервръзка? Прилага ли се само за текст?

Отговор: Хипервръзката е връзка, която позволява на потребителя да се придвижва от една уеб страница към друга уеб страница при кликване. Концепцията за хипервръзка се използва както за текст, така и за изображение и ние можем да преобразуваме изображение в връзка с помощта на > тагове.

Примердо С реактивиране на хипервръзка в изображение (кликващо изображение) е показано по-долу.

Image Hyperlink Example Click the following link

Въпрос # 16) Обяснете концепцията за уеб съхранение в HTML5.

Отговор: Уеб съхранението предоставя възможност за съхраняване на данните от нашите уеб приложения локално в браузъра на потребителя. Той може да съхранява до 10 MB данни. Уеб съхранението помага да се увеличи производителността на нашите приложения.

Има два типа уеб съхранение, които се използват за локално съхраняване на данни в HTML5:

  • Локално хранилище: Това съхранява данните, които няма да изтекат или изчистят автоматично, когато потребителят затвори или отвори отново браузър.
  • Съхранение на сесията: Това съхранява данни само за една сесия (т.е. потребител, който сърфира в интернет или уебсайт). След като браузърът бъде затворен, данните за сесията автоматично ще се изтрият от уеб браузъра.

Въпрос # 17) Обяснете API за геолокация в HTML5.

Отговор: API за геолокация се използва за намиране на географското положение на потребителя.

От съображения за поверителност потребителят е помолен за разрешение да докладва информация за местоположението. Използвай navigator.geolocation.get текуща позиция () метод за получаване на местоположението и географските координати на потребителя (дължина и номер на географска ширина).

Например, за да се върне географската ширина и дължина на даден потребител е показано по-долу.

Click The My Location Button to get your Location.

My Location var x = document.getElementById('location'); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { x.innerHTML = 'Geolocation is not supported by this browser.'; } } function showPosition(position) { x.innerHTML = 'Latitude: ' + position.coords.latitude + '
Longitude: ' + position.coords.longitude; }

Обяснен пример:

  • Проверете дали Geolocation се поддържа или не.
  • Ако се поддържа геолокация, изпълнете метода getCurrentPosition (). Ако геолокацията не се поддържа, покажете съобщението за грешка на потребителя.
  • Ако методът getCurrentPosition () е успешен, той връща координати и функции, посочени в параметъра.
  • Функцията showPosition () получава изхода - дължина и ширина.

Въпрос # 18) Обяснете графиките на HTML5.

Отговор: HTML5 поддържа два вида графики, т.е. Canvas и SVG.

а) Платно: елемент се използва за проектиране на графики на уеб страницата и има няколко метода, налични за рисуване на кръгове, полета, добавяне на изображения и текст. 300 px X 150 px (ширина X височина) е размерът на пиксела по подразбиране на платното.

Примерза да нарисувате квадратна кутия с помощта на платнен елемент е показано по-долу.

#mycanvas{border:2px solid pink;}

б) SVG: Мащабируема векторна графика се използва най-вече за графично приложение и мащабируеми диаграми от векторен тип, като X, Y координатна система, двуизмерни и кръгови диаграми. Това го прави по-бърз и лек. SVG следва XML формат.

Примерза да нарисувате правоъгълник с помощта на SVG елемент е показано по-долу.

В # 19) Какви са предимствата на използването на HTML5?

Отговор: HTML5 е усъвършенстваната версия на HTML. HTML5 дава възможност за създаване на по-лесни или интерактивни уебсайтове чрез вграждане на видео, аудио и графики в уеб страницата.

HTML5 поддържа мултимедийна технология и графично съдържание в мрежата, без да използва приставки на трети страни.

Някои от най-важните функции, добавени от HTML5, включват:

  • Геолокация
  • Офлайн кеш на приложения
  • База данни от страна на клиента
  • Обработка на грешки
  • Нова структура и нови мултимедийни елементи.
  • Поддръжка и съвместимост на браузъра.

Поддържа някои нови интерфейси за програмиране на приложения (API) като:

  • Управление на историята на браузъра
  • Влачите и пускате
  • 2D рисунка на уеб страница
  • Възпроизвеждане на времеви медии

Поддържаните приложения включват:

  • Работници в мрежата - JavaScript
  • Локален достъп до файлове
  • Кеш на приложението
  • Локално съхранение на данни
  • Локални бази данни на SQL

В # 20) Как да създам връзка, която ще се свърже с друга страница на уеб браузър, когато се кликне в HTML5?

Отговор: Използвайте thetag, за да създадете хипервръзки и те се използват за свързване с друга уеб страница. Можем да създадем хипервръзка, като използваме type = текст етикет. Когато щракнем върху текста, ще се отвори свързаният URL адрес на уеб страницата.

Например , кодът по-долу е връзка, която води до началната страница на Yahoo, намираща се на адрес https://in.yahoo.com

Yahoo link

Visit Yahoo Home Page

В # 21) Колко уеб браузъра поддържа HTML5?

инструменти за събиране на изисквания, използвани от бизнес анализатори

Отговор: Повечето от най-новите версии на Apple Safari, Google Chrome, Opera, Internet Explorer и Mozilla Firefox се поддържат от HTML5.

В # 22) Кои са често полезните API в HTML5?

Отговор: Списък с най-често използваните API в HTML5 включва:

  • Media API
  • API за трансфер на данни
  • API за кеш на приложения
  • Взаимодействие с потребителя
  • API за история
  • API за проверка на ограничения
  • API за команди
  • API за проследяване на текст

В # 23) Колко маркера бяха премахнати в HTML5?

Отговор: Списъкът с маркерите, които са премахнати напълно в HTML5, включва:

В # 24) Кои видео и аудио формати се използват за вграждане в уеб страница?

Отговор: Форматите на видео и аудио, които се използват за вграждане в уеб страницата, са дадени по-долу:

  • Видео: MPEG4, Ogg, WebM.
  • Аудио: WAV, Ogg Vorbis, MP3.

В # 25) Избройте елементите на структурата на страницата на HTML5.

Отговор: По-долу са дадени елементите на структурата на страницата на HTML5:

  • : Представлява заглавния раздел и съхранява началната информация за уеб страницата.
  • : Представлява долния раздел (последната част) на страницата.
  • : Представлява елементите за навигация на HTML страницата.
  • : Това е набор от информация.
  • : Това е набор от инструкции, който се използва вътре в блока на статията, за да се определи основната структура на страницата.
  • : Съдържание на страничната лента на страницата.

В # 26) Обяснете някои от често срещаните списъци за проектиране на уеб страница.

Отговор: Общите списъци за проектиране на уеб страница включват:

  • Списък с директории
  • Списък с определения
  • Подреден списък
  • Списък с менюта
  • Неуреден списък

Различно - За съставяне на всеки списък се използват различни маркери.

В # 27) Каква е ползата от изходния маркер в HTML5?

Отговор: tag се използва за представяне на различните видове изход и резултат.

В # 28) Кой елемент осигурява функцията за автоматично довършване в текстово поле?

Отговор: В HTML5element осигурява функцията за автоматично довършване в текстово поле.

Въпрос # 29) Как да вграждате видео и аудио в Html5?

Отговор:

Видео:

Пример да вградите видео в HTML5:

Аудио:

Пример за вграждане на аудио в HTML5:

В # 30) Какви са мигриралите маркери от HTML4 към HTML5?

Отговор: Списъкът на мигриралите тагове от HTML4 към HTML5 е даден по-долу:

Типичен HTML4 Типичен HTML5





В # 31) Каква е частта от HTML5 Technologies?

Отговор: Списъкът е даден по-долу:

  • Работници в мрежата
  • Уеб съхранение
  • SVG
  • CSS3
  • Изпратени от сървъра събития (SSE)
  • Микроданни
  • Уеб намерения
  • Уеб гнезда
  • Офлайн приложение
  • Геолокация
  • API файл
  • Уеб съобщения
  • Влачите и пускате
  • Платно 2D

В # 32) Каква е разликата между SVG и Canvas елементите?

Отговор:

SVGПлатнени елементи
SVG не е подходящ за графични игри.Canvas е подходящ за графични игри.
Той се основава на обектния модел.Той е базиран на пиксели.
Подходящ е за използване на големи области на изобразяване.Подходящ е за използване на малки области на визуализация.
SVG осигурява каквато и да е поддръжка за манипулатори на събития.Canvas не предоставя никаква възможност за обработка на събития.
Модификацията е разрешена чрез скрипт и CSS.Модификацията е разрешена само чрез скрипт.
SVG има по-добра мащабируемостПлатното има лоша скалируемост.
SVG е базиран на вектор (съставен от фигури).Canvas е базиран на растер (съставен от пиксел).
SVG не зависи от разделителната способност.Canvas е напълно зависим от разделителната способност.
SVG е способен за API анимация.Canvas няма API за анимация.
SVG е подходящ за печат с високо качество и всякаква резолюция.Canvas не е подходящ за печат с високо качество и висока разделителна способност.

В # 33) Каква е ползата от маркера в HTML5?

Отговор: Фигурният маркер се използва за добавяне на изображение в документа на уеб страница.

Въпрос # 34) Какво представляват микроданните в HTML5?

Отговор: Микроданните са нов прост семантичен синтаксис, който се използва за добавяне на вложени групи от имена и стойностни двойки данни към документи, които обикновено се основават на съдържанието на страницата. Микроданните се използват за нови глобални атрибути.

Въпрос # 35) Обяснете мета таговете.

Отговор: Мета таговете се използват за предоставяне на полезна информация на нашите уеб страници.

Някои от маркерите включват:

  • Заглавие: Предоставя заглавие на уеб страницата.
  • Стил: Вмъква някои стилове и CSS подробности в уеб страницата.
  • Връзка: Определя връзката между една страница с друга страница и външен източник.

Някои полезни съкращения

  • XML: Разширяем език за маркиране
  • W3C: Консорциум за световна мрежа
  • SQL: език за структурирани заявки
  • JPEG: Съвместна фотографска експертна група
  • IP: интернет протокол
  • HTTP: Протокол за прехвърляне на хипертекст
  • href: Справка за хипертекст
  • FTP: Протокол за прехвърляне на файлове
  • ПОЖАР: Интерфейс за приложно програмиране
  • ТУК: Интегрирана среда за разработка
  • НАЗАД: Инструмент за уеб вграждане на шрифтове
  • РЕШЕНИЕ: Модел на обект на документ
  • URL адрес: Унифициран локатор на ресурси

Заключение

HTML5 може да се разглежда като основа на уеб технологиите, това е основната технология, която се използва за създаване на уеб страници.

Много професионалисти, които възнамеряват да изградят кариера в уеб технологията, трябва да научат HTML5. HTML5 е не само подструктура на уеб технологиите, но се използва и за разработване на мобилни приложения. В терминологично отношение HTML5 не е език за програмиране, а по-скоро език за маркиране.

Тази статия ще бъде ръководство за списъка с най-добрите въпроси и отговори за интервю за HTML5, тъй като обхваща както основните, така и разширените въпроси и отговори за интервю за HTML5. Сигурни сме, че това от своя страна са страхотните ресурси, които ще ви помогнат да се подготвите за интервюто HTMl5.

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

Препоръчително четене

^