html: favicon 파비콘 태그와 meta메타 태그, 시멘틱 태그 활용하여 마크업 실습
2020. 11. 26. 17:04ㆍ퍼블리싱/HTML
반응형
favicon
<head>
<link rel="shortcut icon" href="아이콘.ico">
</head>보통 title 아래에 삽입
meta
<meta property="og:image" content="절대경로(https://)">
<meta property="og:title" content="제목">link 아래 삽입
마크업 실습 유의점
tag.00 = class 명 / tag#00 = id명
메인메뉴는 무조건 id="nav" 줄것( 탭키 눌렀을 때 연결되도록)
nav : 지금 문서에서 다른 문서로 넘어가는 링크 모음 = 메뉴
반응형페이지: 크기를 줄여도 레이아웃 가운데에 오는 경우 꼭 div.center (가운데 정렬x)
푸터로고는 a 태그 불필요
section : 제목 태그 필수, 문서 내 콘텐츠를 주제별로 나눌 때.
( 태그 묶을 때 제목이 들어가야할 요소는 section 으로, 그 외 작은 요소/의미 없는 요소/css 활용 요소는 div로 )
article : 주로 기사 등에서 사용
반응형
'퍼블리싱 > HTML' 카테고리의 다른 글
| 클론코딩 with html5: header,section,footer,aside (0) | 2020.11.25 |
|---|---|
| html: audio, 지도 api, 공간 분할 태그, 시멘틱 태그, markup 실습, 홈페이지 레이아웃 짜기 (0) | 2020.11.25 |
| html: form 태그와 속성, input, label, select, fieldset (0) | 2020.11.23 |
| 이미지 태그, 이미지맵, 글자 태그, 테이블 태그 (0) | 2020.11.20 |
| html 레이아웃, 에디터, 태그의 종류 (0) | 2020.11.19 |