기억의 DataBase

VScode 기본 생성 HTML 요소(+파비콘) 본문

HTML

VScode 기본 생성 HTML 요소(+파비콘)

Zester; 2020. 3. 3. 19:07 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

VScode에서 파일 종류를 *.html로 저장하고 나서

빈 에디터에 ! + Tab/Enter를 입력하면 나오는 HTML 요소들은 위와 같다.

(기본 틀은 굳이 타이핑 할 필요 없다...)

 

<!-- html 버전지정 > html5임을 지정 (xhtml의 경우 다른 내용이 들어감) -->
<!DOCTYPE html> 
<html>

<head>
   <!-- 아시아권(한중일) 문자 출력에 특화 > 꼭 기재! -->
   <meta charset="UTF-8"> 
   <!-- 작성자 -->
   <meta name="author" content="dev">
   <!-- 설명 -->
   <meta name="description" content="htmlTest">
   <!-- 웹브라우저 탭 이름 -->
   <title>SiteName</title>
   <!-- 웹브라우저 탭 아이콘 이미지 -->
   <link rel="icon" href="경로"> 
</head>

<body>
  
</body>

</html>

head 요소들을 몇가지 추가 해보았다.

 

웹브라우저 탭 아이콘은 파비콘(Favicon)이라고 하는데

즐겨찾기 시에도 추가되는 이미지라 하니

웹사이트 대표 아이콘이라 할 수 있겠다.

 

파비콘 이미지 파일은 *. ico 형식으로 해야

IE에서 지원한다고 하니 신경 쓸 부분이다.

 

저작자표시

'HTML' 카테고리의 다른 글

Media(audio / video / iframe)  (0) 2020.03.03
ETC(base / h / br / pre / blockquote / cite / defer)  (0) 2020.03.03
Semantic Web(div / article / section)  (0) 2020.03.03
블록요소 / 인라인요소  (0) 2020.03.03
HTML Templating  (0) 2019.03.13
'HTML' Related Articles more
Comments