Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- JSTL 사용방법
- 인텔리제이 콘솔 한글안됨
- css 레이아웃
- coolSMS 사용방법
- 스프링 엑셀 다운로드 의존성
- 리액트 훅 사용하기
- 인텔리제이 콘솔 한글깨짐 해결방법
- 인텔리제이 콘솔 한글깨짐
- css layout
- 스프링 문자보내기 구현
- 자바스크립트 변수 상수 차이
- 프론트엔드개발자
- 엑셀 다운로드 기능
- 스프링 엑셀 다운로드 기능
- 자바스크립트
- JSTL 초기세팅
- 자바 문법
- 스프링 엑셀 다운로드 기능 만들기
- 문자보내는 API사용방법
- 스프링 문자보내기 API
- 프론트엔드
- 리액트 Context 사용방법
- 스프링 문자 인증
- HTML
- SQL 문법
- 문자보내는 API
- 스프링 시큐리티
- sql 타입
- 소셜로그인 API
- CSS
Archives
- Today
- Total
keembloo
head 태그를 구성하는 요소, meta와 favicon 본문
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
