HTML:head: 두 판 사이의 차이

2021년 6월 9일 (수) 22:38 판

틀:HTML HTML에 대한 문서들 모음집

페이지 전체를 아우르는 정보를 담아놓는 공간이다. 여기에 대한 것들을 다뤄본다.

title 태그로 페이지의 이름을 지정할 수 있다.

페이지 이름 앞에 자그마하게 뜨는 아이콘. .ico 확장자를 담는다.

일반적으로 16x16크기가 표준이며, 이미지를 파비콘으로 변환해주는 사이트도 있다.(https://www.convertico.com/)

1240px보다 작아질 때 적용하는 방식이다. 틀의 위치, 형태 따위를 창 크기에 따라 조절할 수 있다.

@media screen and (max-width:1240px){
    #선택자...
    display:none;
}

@@ 1번째 줄: / 1번째 줄: @@
 {{HTML}}
-== 개요 ==
+==개요==
 페이지 전체를 아우르는 정보를 담아놓는 공간이다. 여기에 대한 것들을 다뤄본다.
 <br />
-== 페이지 이름 ==
+==페이지 이름==
 title 태그로 페이지의 이름을 지정할 수 있다.
 <title>지나니네</title>
-== 파비콘 ==
+==파비콘==
 페이지 이름 앞에 자그마하게 뜨는 아이콘. .ico 확장자를 담는다.
@@ 16번째 줄: / 16번째 줄: @@
 <link rel="shortcut icon" href="경로.ico">
+<br />
+== 반응형 페이지 만들기 ==
+<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0>
+{| class="wikitable"
+|+
+!옵션
+!설명
+|-
+|initial-scale=1.0
+|처음 크기
+|-
+|minimum-scale=1.0
+|최소 크기
+|-
+|
+|
+|}
+=== css ===
+px보다 작아질 때 적용하는 방식이다. 틀의 위치, 형태 따위를 창 크기에 따라 조절할 수 있다.<syntaxhighlight lang="css">
+@media screen and (max-width:1240px){
+    #선택자...
+    display:none;
+}
+</syntaxhighlight>