집 > 기사 > 웹 프론트엔드 > 자주 등장하는 HTML5 인터뷰 질문 10가지

자주 등장하는 HTML5 인터뷰 질문 10가지

小云云원래의: 2017-11-18 16:22:361874검색

HTML5를 배우신다면 인터뷰 중에 두렵거나 긴장되시나요? 프로그래머로서 인터뷰 중에 항상 인터뷰 질문을 접하게 됩니다. 물론 HTML5에도 인터뷰 질문이 있으므로 편집자가 온라인에서 10가지 질문을 정리했습니다. 매우 일반적인 HTML5 인터뷰 질문입니다. 인터뷰를 준비하는 친구들은 이 10가지 HTML5 인터뷰 질문이 도움이 되기를 바랍니다.

1. 새로운 HTML5 문서 유형과 문자 집합은 무엇입니까?

<!doctype html>

HTML5는 UTF-8 인코딩 예제를 사용합니다:

<meta charset=”UTF-8″>

2. HTML5에 오디오를 삽입하는 방법은 무엇입니까?

HTML5는 MP3, Wav 및 Ogg 형식의 오디오를 지원합니다. 다음은 웹 페이지에 오디오를 삽입하는 간단한 예입니다.

<audio controls>
<source src=”jamshed.mp3″ type=”audio/mpeg”>
Your browser does’nt support audio embedding feature. 
</audio>

3. HTML5에 비디오를 삽입하는 방법은 무엇입니까?

오디오와 마찬가지로 HTML5는 MP4, WebM 및 Ogg 형식의 비디오를 지원합니다. 다음은 간단한 예입니다.

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
Your browser does’nt support video embedding feature.
</video>

4. HTML5에는 오디오 및 비디오 외에 어떤 미디어 태그가 있습니까?

HTML5는 오디오 및 비디오 태그 외에도 다음 태그도 지원합니다.

d8e2720730be5ddc9c2a3782839e8eb6 태그는 플러그인과 같은 포함된 콘텐츠를 정의합니다.

<embed type=”video/quicktime” src=”Fishing.mov”>

e02da388656c3265154666b7c71a8ddc는 여러 데이터 소스를 정의하는 데 유용합니다.

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
</video>

9bf7cbf2c39baa37076a22499de2f6ed 태그는 비디오 요소와 같은 미디어에 대한 외부 텍스트 트랙을 지정합니다. 미디어가 재생될 때 표시되는 텍스트가 포함된 자막 파일이나 기타 파일을 지정하는 데 사용됩니다.

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
<track kind=”subtitles” label=”English” src=”jamshed_en.vtt” srclang=”en” default></track>
<track kind=”subtitles” label=”Arabic” src=”jamshed_ar.vtt” srclang=”ar”></track>
</video>

5. HTML5 Canvas 요소의 용도는 무엇인가요?

Canvas 요소는 웹 페이지에 그래픽을 그리는 데 사용됩니다. 이 요소 태그의 장점은 HTML에서 그래픽 작업을 직접 수행할 수 있다는 것입니다.

<canvas id=”canvas1″ width=”300″ height=”100″></canvas>

6. HTML5 저장소 유형의 차이점은 무엇인가요?

HTML5는 이전에 쿠키를 사용하여 사용했던 데이터를 로컬에 저장할 수 있습니다. HTML5는 다음 두 가지 로컬 저장소 솔루션을 제공합니다.

localStorage는 영구 로컬 저장소에 사용됩니다. 데이터는 만료되지 않으며 브라우저를 닫아도 손실되지 않습니다. sessionStorage는 동일한 세션의 페이지에서만 액세스할 수 있으며 세션이 종료되면 데이터가 삭제됩니다. 따라서 sessionStorage는 영구 로컬 저장소가 아니며 세션 수준 저장소일 뿐입니다.

7. HTML5의 새로운 양식 요소는 무엇인가요?

HTML5는 개발자가 더 나은 웹 애플리케이션을 구축할 수 있도록 많은 새로운 양식 요소를 추가합니다.

datalist
datetime
output
keygen
date
month
week
time
color
number
range
email
url

8. 어떤 HTML4 태그가 HTML5에서 삭제되었나요?

HTML5는 오래되고 불합리한 일부 HTML 태그를 삭제합니다.

frame
frameset
noframe
applet
big
center
basefront

9. HTML5 표준은 어떤 새로운 API를 제공합니까?

HTML5에서 제공하는 애플리케이션 API는 주로 다음과 같습니다.

Media API
Text Track API
Application Cache API
User Interaction
Data Transfer API
Command API
Constraint Validation API
History API

10. HTML5 애플리케이션 캐싱 및 브라우징 What. 서버 캐시의 차이점은 무엇입니까?

애플리케이션 캐싱은 오프라인 사용 기능을 제공하는 HTML5의 중요한 기능 중 하나입니다. 이를 통해 애플리케이션은 HTML, CSS, 이미지, JavaScript와 같은 로컬 웹사이트 콘텐츠를 얻을 수 있습니다. 이 기능은 웹사이트 성능을 향상시킬 수 있으며 다음과 같이 매니페스트 파일의 도움으로 구현됩니다.

<!doctype html>

......

기존 브라우저 캐싱과 비교하여 사용자가 방문한 웹사이트 콘텐츠를 강제로 캐시하지 않습니다.

위의 10가지 HTML5 면접 질문은 매우 간단해 보이지만 면접 중에 자주 묻는 질문입니다. 면접을 준비하는 친구들은 이 10가지 질문이 도움이 되기를 바랍니다.

자주 등장하는 HTML5 인터뷰 질문 10가지

관련 기사