top 35 html5 interview questions
Најчешће постављана питања за ХТМЛ5 интервјуе са одговорима и примерима кода:
ХТМЛ5 је најновија верзија ХТМЛ језика, ХТМЛ је скраћеница од Хипер Тект Маркуп Лангуаге (Универзални језик за означавање текста), то је универзални језик за означавање на Ворлд Виде Веб-у који омогућава стварање и дизајнирање веб страница које се могу гледати на Интернету.
ХТМЛ5 који је званично објављен 2012. године подржава све постојеће веб странице.
Овај чланак покрива основна, као и напредна питања о интервјуу на ХТМЛ5, са савршеним примерима за почетнике и професионалце са искусним нивоом.
Карактеристике ХТМЛ5
Постоји неколико значајних карактеристика ХТМЛ5, а неколико међу њима је укратко дато у наставку за вашу референцу.
Нове функције ХТМЛ5 укључују:
- Подржавају медијске елементе као што су видео и аудио.
- Локално складиште
- Подршка неких нових елемената и прилагођених атрибута.
- Нови елементи обрасца као што су урл, датум, опсег, време, боја итд.
Препоручено читање => Топ 30 ХТМЛ интервјуа
Најважнија питања и одговори за интервју за ХТМЛ5
У наставку су наведени неки од најчешће постављаних питања ХТМЛ5 питања са примерима кодирања за ваше лако разумевање.
Спреми се!!
П # 1) Шта је ХТМЛ5?
Одговор: ХТМЛ5 је најновија верзија језика за означавање ХиперТект који се може упутити на примарни језик ВВВ (Ворлд Виде Веб), овај језик за означавање побољшава текстуалну датотеку са битовима кода, а овај код који можемо рећи као „означавање“ описује структура документа.
ХТМЛ5 пружа неке стандардне функције попут ЦСС-а, ХТМЛ-а, ЈаваСцрипт-а и ДОМ-а, што ће заузврат смањити потребу за спољним додацима. Више је ознака за замену скриптирања, боље руковање грешкама итд. ХТМЛ5 је независан од уређаја.
ХТМЛ5 уводи неке нове функције које се могу користити за промену начина интеракције корисника са документима, укључујући:
- Додавање нових правила рашчлањивања ради веће флексибилности.
- Додавање нових атрибута.
- Дозволи уређивање ван мреже.
- Подршка (Веб СКЛ), - Уобичајени стандард за чување података у СКЛ базама података.
- Подржава регистрацију протокола и МИМЕ обрађивача.
П # 2) Која је разлика између ХТМЛ-а и ХТМЛ5-а?
Одговор: Разлике између ХТМЛ-а и ХТМЛ5 дате су у наставку:
ХТМЛ5 | ХТМЛ |
---|---|
Омогућава ефекат повлачења и испуштања. | Не дозвољава ефекат повлачења и испуштања. |
ХТМЛ5 има подршку за видео и аудио на високом нивоу. | Подршка за видео и аудио на високом нивоу није део верзије и спецификација у претходном ХТМЛ-у. |
Платно, СВГ и друге виртуелне векторске графике подржани су у ХТМЛ5. | Ако желимо да применимо векторску графику у ХТМЛ-у, то је било могуће само коришћењем независних библиотека попут ВМЛ, Силвер-лигхт итд. |
СВГ и МатхМЛ се могу користити у тексту. | Ово није могуће у ХТМЛ-у. |
Веб база података, кеш апликација и веб складиште користе се као трајно складиште. | Кеш меморија прегледача може се користити као привремено складиште. |
ХТМЛ5 је прилагођенији мобилним уређајима. | ХТМЛ је мање прилагођен мобилним уређајима. |
Изјава о документу је једноставна и лака. | Изјава о документу је дуга и сложена .. |
Доступни су атрибути Асинц, цхарсет и пинг. | Ови атрибути нису доступни у ХТМЛ-у. |
ХТМЛ5 подржава јавасцрипт за рад у позадини. | Не подржава јавасцрипт за покретање у веб прегледачу. |
У ХТМЛ5 можемо цртати облике попут правоугаоника, круга и троугла. | Није могуће цртати облике попут правоугаоника, круга, троугла итд. |
П # 3) Шта је? Које су различите врсте доступне?
Одговор: Изјава пружа упутства веб прегледачу да разуме које информације треба приказати и потребу да започне са декларацијом. У ХТМЛ5, ДОЦТИПЕ декларација је врло кратка и не разликује велика и мала слова и написана је на врху сваке ХТМЛ5 странице.
Следећи ДОЦТИПЕ су такође подржани у ХТМЛ5:
Постоје 3 врсте ДОКТИПА као што је наведено у наставку:
- Строги докторски тип
- Фрамесет Доцтипе
- Прелазни докт
П # 4) Које су нове ознаке у елементима медија у ХТМЛ5?
Одговор: Нове ознаке у Медијским елементима у ХТМЛ5 наведене су у наставку :
- : Пријавите се за мултимедијалне садржаје попут звукова, аудио токова или музике, уградите аудио садржај без потребе за било којим додатним додатком попут флеш плејера.
- : Пријавите се за видео садржаје попут видео стримова или филмских исечака, уграђених видео садржаја итд.
- : Пријавите се за више медијских извора у елементима медија, као што су аудио, видео, слика итд.
- : Пријавите се за спољну апликацију или уграђени садржај (додатак).
- : Пријавите се за текстуалне нумере у елементима медија као што су видео или аудио. Ова ознака се користи за титлове или датотеке титлова током репродукције видео медија.
П # 5) Шта је ознака у ХТМЛ5?
Одговор: Ознака је посебан садржај у ХТМЛ5, који је окружен угаоном заградом (). Симбол коса црта (/) користи се за затварање ознаке након довршавања блока.
На пример
This is my Browser
Ознака Хтмл5 је скуп знакова који развијају форматирану наредбу за веб страницу. Ове форматиране команде комуницирају и шаљу упутства прегледачу.
П # 6) Шта је минималан број ХТМЛ5 ознака потребних за креирање веб странице?
Одговор: За стварање веб странице потребне су најмање 3 ХТМЛ5 ознаке, као што је (,,).
П # 7) Који је значај Драг анд Дроп-а у ХТМЛ5?
Одговор: Драг анд Дроп је најважнији концепт корисничког интерфејса који олакшава хватање предмета и повлачење на место које желите помоћу клика миша.
Неке уобичајене функције које се углавном користе при превлачењу и испуштању укључују премештање, повезивање или копирање.
Слику можемо превући помоћу елемената, типе = , да би се слика повукла и атрибут слике која се може повући поставила на тачно.
П # 8) Објасните нове типове уноса образаца у ХТМЛ5.
Одговор: ХТМЛ5 има 14 нових врста уноса образаца:
- Датум: Ово је бирач датума, датум можемо одабрати помоћу типа = „Датум“.
- Недеља: Ово је бирач седмица, седмицу можемо одабрати помоћу типа = 'Недеља'.
- Месец дана: Ово је бирач месеца, месец можемо одабрати помоћу типа = 'месец дана'.
- Време: Ово је бирач времена, време можемо одабрати користећи типе = 'време'.
- Датум време: Ово је комбиновани датум и време, комбинацију датума и времена можемо одабрати користећи типе = 'Датум време'.
- Локално датум: Комбиновани локални датум и време, можемо одабрати комбинацију локалног датума и времена користећи типе = „ДатеТиме-лоцал“.
- Е-маил: Омогућава једну или више адреса е-поште, можемо унети више адреса е-поште користећи типе = „Е-маил“.
- Телефон: Омогућава различите бројеве телефона широм света. Број клијента потврђује телефонски број. Број телефона можемо да унесемо помоћу типе = „Телефон“.
- Претрага: Омогућава претрагу упита по улазном тексту. Можемо унети више упита користећи типе = 'Претрага'.
- Број: Омогућава уметање нумеричке вредности са додатним атрибутима као што су мин, макс. итд., а можемо унети више нумеричких вредности користећи типе = 'број'.
- Урл: Тип уноса урл адресе, који се користи за веб адресу. У једном УРЛ-у можемо користити више атрибута користећи типе = „Урл“.
- Боја: Омогућава одабир више боја, можемо одабрати више боја користећи типе = „боја“.
- Домет: Омогућава уметање нумеричке вредности унутар одређеног опсега, опсег је сличан броју, али је много специфичан. Можемо унети нумеричку вредност унутар опсега користећи типе = 'домет'.
- Резервисано место: Омогућава приказивање кратког савета (обично у светлој боји) у пољима за унос пре него што унесемо вредност. У поље за унос можемо да напишемо кратки наговештај користећи типе = „Резервирано место“.
П # 9) Шта је мапа слике у хтмл5?
Одговор: Мапе слика су комбинација УРЛ-а и слика, где ће клик на ове слике (подручје слике на које се може кликнути) отворити различите нове веб странице.
У ХТМЛ5 су доступне две врсте мапа слика, односно на страни клијента и на серверу:
Мапа слике на страни клијента креира се помоћу два елемента и песка, где мапа садржи информације о мапи, а елемент површине узима атрибуте да дефинише сваки одељак мапе. Мапа слике на серверу створен помоћуаттаттите, атрибут усемап је име наше мапе.
П # 10) Како пишете симбол ауторских права на страници веб прегледача?
Одговор: Да бисмо написали симбол ауторских права, морамо да утипкамо © или © у ХТМЛ5 датотеку.
П # 11) Како оптимизирати имовину веб странице?
Одговор: Морамо да разумемо нека основна правила за оптимизацију како бисмо оптимизирали средства веб странице. У почетку бисмо требали смањити величину преузимања и послати мање хттп захтева.
Да бисмо оптимизовали имовину веб локација, можемо следити следеће технике:
- Компресија датотеке
- Спајање датотека
- ЦДН хостинг
- Истовар имовине
- Реорганизација
- Пречишћавање кода
П # 12) Каква је употреба МатхМЛ Елемента у ХТМЛ5?
Одговор: Реч МатхМЛ (Матхематицал Маркуп Лангуаге) је означни језик који се користи за приказивање научног и математичког израза на мрежи. МатхМЛ је облик КСМЛ-а (прошириви језик за означавање) који описује математички запис.
Можемо да користимо ... ознаке унутар ХТМЛ5 докумената за примену МатхМЛ елемента.
Пример: одштампајте а² + 2б + 5 = 0 помоћу ХТМЛ5 кода.
MathMl Example
Белешка: Ако МатхМЛ користи апликација која се подудара са простором имена у КСМЛ препоруци, тада треба користити следећи простор имена:
http://www.w3.org/1998/Math/MathML
П # 13) Које су разне ознаке за форматирање у ХТМЛ5?
Одговор: ХТМЛ5 има неке старе и нове ознаке за форматирање како је дато у наставку:
- Означени текст: Представља истакнути текст у референтне сврхе. Можемо да користимо
> ознаке за истицање текста. - Избрисан текст: Одређује избрисани блок текста. Ознаке можемо користити за примену избрисаног текста.
- Наглашени текст: Дефинише наглашени текст. Можемо да користимо ознаке за примену наглашеног текста.
- Уметнут текст: У документ убацује блок текста. Ознаке можемо користити за примену уметнутог текста.
- Мали текст: Прикажите уметнути текст у малој величини. Ознаке можемо користити за примену малог текста.
- Горњи текст: Ово је надписан текст. Можемо да користимо ознаке за примену натписног текста.
- Текст индекса: Ово је претплаћени текст. Можемо да користимо ознаке за примену натписног текста.
П # 14) Зашто користимо ХТМЛ5?
Одговор: ХТМЛ5 подржава анимацију, цртање, аудио, видео, итд. И лако уграђује видео на веб страницу. За гледање видео записа није потребан додатни софтвер попут Фласх-а.
У наставку су наведени неки од важних разлога за употребу ХТМЛ5:
- Старија верзија и подршка за више прегледача
- Боље интеракције
- Паметније складиште
- Чистач код
П # 15) Шта је хипервеза? Да ли се односи само на текст?
Одговор: Хипервеза је веза која омогућава кориснику да пређе са једне на другу веб страницу када се кликне на њу. Концепт хипервезе користи се за текст, као и за слику, а слику можемо претворити у везу уз помоћ > ознаке.
Примердо Ц. реатер хипервезу на слици (слика на коју је могуће кликнути) приказана је испод.
Image Hyperlink Example Click the following link
П # 16) Објасните концепт веб складишта у ХТМЛ5.
Одговор: Веб складиштење пружа могућност локалног складиштења података наших веб апликација у корисниковом прегледачу. Може да ускладишти до 10 МБ података. Веб меморија помаже у повећању перформанси наших апликација.
Постоје две врсте веб складишта које се користе за локално складиштење података у ХТМЛ5:
- Локално складиште: Ово чува податке који неће истећи или се аутоматски обрисати када корисник затвори или поново отвори прегледач.
- Складиштење сесија: Ово чува податке само за једну сесију (тј. Корисника који сурфује Интернетом или веб страницом). Када се прегледач затвори, подаци о сесији ће се аутоматски избрисати из веб прегледача.
П # 17) Објасните АПИ за геолокацију у ХТМЛ5.
Одговор: АПИ за геолокацију користи се за проналажење географског положаја корисника.
Из разлога приватности, од корисника се тражи дозвола да пријави информације о локацији. Користити навигатор.геолоцатион.гет тренутна позиција () метод за добијање корисникове позиције и географских координата (географске дужине и ширине).
На пример, за повратак положаја географске ширине и дужине корисника приказан је доле.
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; }
Објашњени пример:
- Проверите да ли је подржана Геолоцатион.
- Ако је подржана геолокација, покрените методу гетЦуррентПоситион (). Ако Геолоцатион није подржан, прикажите кориснику поруку о грешци.
- Ако је метода гетЦуррентПоситион () успешна, враћа координате и функције наведене у параметру.
- Функција сховПоситион () добија излаз - географску дужину и ширину.
П # 18) Објасните ХТМЛ5 графику.
Одговор: ХТМЛ5 подржава две врсте графика, тј. Цанвас и СВГ.
а) Платно: Елемент се користи за дизајн графике на веб страници и има неколико доступних метода за цртање кругова, оквира, додавање слика и текста. 300 пк Кс 150 пк (ширина Кс висина) је подразумевана величина пиксела на платну.
Примерцртати квадратну кутију помоћу елемента платна приказано је доле.
#mycanvas{border:2px solid pink;}
б) СВГ: Скалабилна векторска графика, углавном се користи за графичку примену и скале са скалама векторског типа, као што су Кс, И координатни систем, дводимензионалне и тортне карте. То га чини бржим и лаганим. СВГ следи КСМЛ формат.
Примерза цртање правоугаоника помоћу СВГ елемента приказано је доле.
П # 19) Које су предности употребе ХТМЛ5?
Одговор: ХТМЛ5 је напредна верзија ХТМЛ-а. ХТМЛ5 омогућава стварање лакших или интерактивних веб локација уграђивањем видео записа, звука и графике у веб страницу.
ХТМЛ5 подржава мултимедијалну технологију и графички садржај на мрежи без коришћења додатака независних произвођача.
Неке од најважнијих карактеристика које ХТМЛ5 додаје:
- Геолоцатион
- Офлајн кеш апликације
- База података на страни клијента
- Грешка руковање
- Нова структура и нови мултимедијални елементи.
- Подршка и компатибилност прегледача.
Подржава неки нови интерфејс за програмирање апликација (АПИ) попут:
- Управљање историјом прегледача
- Превуци и отпусти
- 2Д цртеж на веб страници
- Репродукција временских медија
Подржане апликације укључују:
- Веб Воркерс - ЈаваСцрипт
- Локални приступ датотекама
- Кеш апликације
- Локално складиштење података
- Локалне СКЛ базе података
П # 20) Како створити везу која ће се повезати на другу страницу веб прегледача када се кликне у ХТМЛ5?
Одговор: Користите тхетаг за креирање хипервеза, а оне се користе за повезивање са другом веб страницом. Хипервезу можемо створити користећи типе = текст ознака. Када кликнемо на текст, отвориће се повезани УРЛ веб странице.
На пример , доњи код је веза која води до Иахоо почетне странице која се налази на адреси хттпс://ин.иахоо.цом
Yahoo link
Visit Yahoo Home Page
П # 21) Колико веб прегледача подржава ХТМЛ5?
најбољи преузимање мп3 плејера за андроид
Одговор: Већину најновијих верзија Аппле Сафари, Гоогле Цхроме, Опера, Интернет Екплорер и Мозилла Фирефок подржава ХТМЛ5.
П # 22) Који су често корисни АПИ у ХТМЛ5?
Одговор: Листа најчешће корисних АПИ-ја у ХТМЛ5 укључује:
- Медиа АПИ
- АПИ за пренос података
- АПИ кеша апликације
- Интеракција корисника
- АПИ за историју
- АПИ за проверу ограничења
- Цомманд АПИ
- АПИ за праћење текста
П # 23) Колико ознака је уклоњено у ХТМЛ5?
Одговор: Листа ознака које су у потпуности уклоњене у ХТМЛ5 укључују:
П # 24) Који видео и аудио формати се користе за уграђивање на веб страницу?
Одговор: Формати видео и аудио записа који се користе за уграђивање на веб страницу дати су у наставку:
- Видео: МПЕГ4, Огг, ВебМ.
- Аудио: ВАВ, Огг Ворбис, МП3.
П # 25) Наведите елементе структуре странице ХТМЛ5.
Одговор: Елементи структуре странице ХТМЛ5 дати су у наставку:
- : Представља одељак заглавља и чува почетне информације о веб страници.
- : Представља одељак подножја (последњи део) странице.
- : Представља елементе за навигацију ХТМЛ странице.
- : То је скуп информација.
- : То је скуп упутстава који се користи унутар блока чланака за дефинисање основне структуре странице.
- : Садржај бочне траке странице.
П # 26) Објасните неке од уобичајених листа за дизајн веб странице.
Одговор: Уобичајене листе за дизајн веб странице укључују:
- Листа именика
- Листа дефиниција
- Уређена листа
- Листа менија
- Неуређена листа
Различит - За састављање сваке листе користе се различите ознаке.
П # 27) Каква је употреба излазне ознаке у ХТМЛ5?
Одговор: Ознака се користи за представљање различитих врста резултата и резултата.
П # 28) Који елемент пружа функцију самодовршавања у оквиру за текст?
Одговор: У ХТМЛ5елемент пружа функцију самодовршавања у оквиру за текст.
П # 29) Како уградити видео и аудио у ХТМЛ5?
Одговор:
Видео:
Пример да бисте уградили видео у ХТМЛ5:
Аудио:
Пример за уграђивање звука у ХТМЛ5:
П # 30) Које су мигриране ознаке из ХТМЛ4 у ХТМЛ5?
Одговор: Списак мигрираних ознака са ХТМЛ4 на ХТМЛ5 дат је у наставку:
Типични ХТМЛ4 Типични ХТМЛ5
П # 31) Који је део ХТМЛ5 технологија?
Одговор: Списак је дат у наставку:
- Веб Воркерс
- Веб Стораге
- СВГ
- ЦСС3
- Сервер-Сент Евентс (ССЕ)
- Микроподаци
- Веб намере
- Веб Соцкетс
- Оффлине апликација
- Геолоцатион
- АПИ датотека
- Веб поруке
- Превуци и отпусти
- Платно 2Д
П # 32) Која је разлика између СВГ и Цанвас елемената?
Одговор:
СВГ | Елементи платна |
---|---|
СВГ није погодан за графику Игара. | Платно је погодно за графику игара. |
Заснован је на објектном моделу. | Заснован је на пикселима. |
Погодан је за употребу великих површина за рендеровање. | Погодан је за употребу малих површина за рендеровање. |
СВГ пружа било какву подршку за руковаоце догађајима. | Цанвас не пружа никакво прибегавање водитељима догађаја. |
Измена је дозвољена путем скрипте и ЦСС-а. | Измена је дозвољена само путем скрипте. |
СВГ има бољу скалабилност | Платно има лошу скалабилност. |
СВГ се заснива на векторима (састоји се од облика). | Платно је засновано на растеру (састоји се од пиксела). |
СВГ не зависи од резолуције. | Платно у потпуности зависи од резолуције. |
СВГ је способан за АПИ анимацију. | Цанвас нема АПИ за анимацију. |
СВГ је погодан за штампу високог квалитета и било које резолуције. | Платно није погодно за штампу високог квалитета и високе резолуције. |
П # 33) Чему служи ознака у ХТМЛ5?
Одговор: Ознака фигуре користи се за додавање слике у документ на веб страници.
П # 34) Шта су микроподаци у ХТМЛ5?
Одговор: Микроподаци су нова једноставна семантичка синтакса која се користи за додавање угнеждених група имена и вредности пара података у документе који се обично заснивају на садржају странице. Микроподаци се користе за нове глобалне атрибуте.
П # 35) Објасните мета тагове.
Одговор: Метатагови се користе за пружање корисних информација нашим веб страницама.
Неке од ознака укључују:
- Наслов: Пружа наслов веб странице.
- Стил: У веб странице убацује неке стилове и ЦСС детаље.
- Линк: Дефинише однос између једне странице и друге странице и спољног извора.
Неке корисне скраћенице
- КСМЛ: Прошириви језик за означавање
- В3Ц: Ворлд Виде Веб Цонсортиум
- СКЛ: Структурирани језик упита
- ЈПЕГ: Заједничка фотографска стручна група
- ИП: интернет протокол
- ХТТП: Протокол за пренос хипертекста
- хреф: Хипертекст референце
- ФТП: Протокол за пренос датотека
- ФИРЕ: Интерфејс за програмирање апликација
- ОВДЕ: Интегрисано развојно окружење
- ВЕФТ: Алат за Веб уграђивање фонтова
- ПРЕСУДА: Модел објекта документа
- Урл: Униформ Ресоурце Лоцатор
Закључак
ХТМЛ5 се може сматрати основом веб технологија, ово је примарна технологија која се користи за стварање веб страница.
Многи професионалци који намеравају да граде каријеру у веб технологији морају научити ХТМЛ5. ХТМЛ5 није само подструктура веб технологија, већ се користи и за развој мобилних апликација. Терминолошки, ХТМЛ5 није програмски језик, већ је означни језик.
Овај чланак ће бити водич за листу најважнијих ХТМЛ5 питања и одговора, јер покрива како основна, тако и напредна ХТМЛ5 питања и одговоре. Сигурни смо да су ово заузврат сјајни ресурси који ће вам помоћи да се припремите за интервју са ХТМл5.
Надам се да ће вам овај чланак помоћи да успешно разбијете било који ХТМЛ5 интервју.
Препоручено читање
- Интервјуирајте питања и одговоре
- Питања и одговори за испитивање ЕТЛ-а
- 35+ Топ Апацхе Томцат Интервју питања и одговори
- Нека незгодна ручна тестирања питања и одговори
- 25 најбољих агилних тестова за интервју и питања и одговори
- Топ 35 питања и одговора за Андроид интервју
- Споцк интервју питања са одговорима (најпопуларније)
- Нека занимљива питања за испитивање софтверског тестирања