본문 바로가기
WEB/HTML

모바일 지원 (viewport)

by DeveloperCat 2024. 2. 6.
반응형
<!DOCTYPE html>
<html>
<head>
  <title>HTML - 수업소개</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1><a href="index.html">HTML</a></h1>
<ol>
  <li><a href="1.html">기술소개</a></li>
  <li><a href="2.html">기본문법</a></li>
  <li><a href="3.html">하이퍼텍스트와 속성</a></li>
  <li><a href="4.html">리스트와 태그의 중첩</a></li>
</ol>
 
<h2>선행학습</h2>
 
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다.
</body>
</html>

<!-- viewport를 통해 우리는 스마트폰에 최적화된 GUI를 제공할 수 있게 된다. -->

 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

이 문장은 그냥 외우는 것이 좋다.

스마트폰에 최적화된 GUI를 제공하기 위해 사용하는 문법이다.

반응형

'WEB > HTML' 카테고리의 다른 글

비디오 - video  (0) 2024.02.06
외부문서삽입 - iframe  (0) 2024.02.06
의미론적 태그  (0) 2024.02.06
meta  (0) 2024.02.06
글꼴 - font(퇴출됨)  (0) 2024.02.06