해결한 사람
1
명
정답률
50.00
%
시간 제한
5000
ms
메모리 제한
256
MB
<head>에는 화면에 직접 보이지 않지만 브라우저가 문서를 해석하는 데 필요한 정보를 작성합니다.
<meta charset="utf-8">은 한글을 올바르게 표시하게 합니다. viewport 메타 정보는 모바일 화면의 실제 너비에 맞춰 페이지를 보여 주도록 합니다. <title>은 브라우저 탭에 표시되는 문서 제목입니다.
아래 코드는 사용 방법을 보여 주는 예시입니다. 문제의 정답과는 다른 내용입니다.
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>모바일 문서</title> </head>
준비된 <head>에 모바일 화면 설정을 위한 viewport 메타 요소를 추가하세요. 기존 문자 인코딩과 문서 제목은 그대로 유지합니다.
<head> 안에 문자 인코딩을 지정하는 <meta charset="utf-8">을 한 개 유지합니다.<head> 안에 name="viewport"인 <meta> 요소를 한 개 추가합니다.<head> 안에 <title>을 한 개 유지합니다.content 값은 width=device-width, initial-scale=1로 작성합니다.Reporch HTML 1로 유지합니다.<h1>부터 시작합니다.index.html을 엽니다.TODO 주석이 있는 부분을 중심으로 코드를 수정합니다.별도의 입력값은 없습니다.
에디터에 준비된 index.html을 열고, 문제에서 안내하는 HTML 요소와 속성을 추가하거나 수정하세요. 브라우저 미리보기로 작성한 결과를 확인할 수 있습니다.
별도의 출력값은 없습니다.
수정한 index.html이 브라우저에서 정상적으로 열리고, 아래의 완성 조건을 모두 만족하면 됩니다.
도움말: viewport 메타 요소는 화면에 보이는 <body>가 아니라 문서 정보를 담는 <head> 안에 작성합니다.