keembloo

head 태그를 구성하는 요소, meta와 favicon 본문

Html, CSS

head 태그를 구성하는 요소, meta와 favicon

keembloo 2023. 4. 18. 20:07
728x90

내용은 body 태그에 쓰면 되는데, 그렇다면 head 태그에는 무엇을 쓸까?

 

head 태그 구성 요소

1. css 파일 link
2. style
3. title
4. meta
5. favicon :ico

 

head 태그는 위5가지로 구성된다.

 

meta란?

 

meta는 웹브라우저의 정보를 알려준다.
어떠한 방식으로 렌더링이 되었는지, 누가 만들었는지, 어떠한 내용을 담고 있는지 등을 설명할 수 있다.
사용자의 눈에는 보이지 않는다.

 

<head>
  	<meta charset="UTF-8">
    <meta name="description" content="Free Web tutorials">
    <meta name="keywords" content="HTML, CSS, Javascript">
    <meta name="author" content="John Doe">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

 

favicon이란?

 

 

웹페이지 상단 첫번째에 나오는 아이콘을 말한다.
브라우저마다 파비콘 별도 지정이 필요하다.

 

 

https://www.favicon-generator.org/
이 사이트에서 파비콘을 기기 or 브라우저 별로 한꺼번에 코드를 만들 수 있다.

 

 

Favicon & App Icon Generator

Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.

www.favicon-generator.org

 

728x90

'Html, CSS' 카테고리의 다른 글

레이아웃 만들기 - Grid  (0) 2023.04.25
브라우저 저장공간, 로컬스토리지 사용법  (0) 2023.04.20
레이아웃 만들기 - Flex  (1) 2023.04.20
CSS 초기화하는 방법 (reset CSS)  (0) 2023.04.18
form 태그와 <input> <button>  (0) 2023.04.17
'Html, CSS' Related Articles more