" async="async"> ', { cookie_domain: 'auto', cookie_flags: 'max-age=0;domain=.tistory.com', cookie_expires: 7 * 24 * 60 * 60 // 7 days, in seconds }); 'html5' 태그의 글 목록

html5 2

Fontawesome : 웹페이지 만들 때 아이콘 쉽게 넣기

웹페이지를 만들 때면 화면에 아이콘을 넣어야 할 때가 종종 있다. 요런 아이콘들 말이다. 그럴 때마다 이미지를 넣고 불러와서 표현하고, 사실 여간 귀찮은 일이 아닐 수 없다. 그럴 때 도움이 되는 기능이 있다. https://fontawesome.com/ 폰트어썸이라는 사이트는 아이콘을 코드안에서 불러와서 넣을 수 있게 해주는 라이브러리형 툴이다. 개인에게 할당된 코드를 head영역에 아래와 같이 붙여넣기만 하면 사용 준비는 끝난다. Back이라는 아이콘을 찾으려고 검색어를 넣으면 아이콘들이 나타난다. 검은 아이콘은 Free 아이콘이고 나머진 유료 아이콘이다. 난 프리 사용자이므로 검은 색만 사용 가능하다. 아이콘을 클릭해보면 아래와 같이 아이콘의 상세 모습이 표시되고 상단에 (빨간 표시) 코드가 표시 ..

시만틱 태그란? (HTML5)

시만틱 태그? 시만틱 태그는 시만틱 웹을 만들기 위해 HTML5에서 사용하는 태그 입니다. HTML5의 가장 큰 특징은 시만틱 태그를 쓴다는 점입니다. Sematic : 의미론적인 의미론적인 TAG가 대체 무슨 뜻이지? 원래 TAG에는 의미가 있지 않았나요? 익숙해져서 까먹었나본데 시만틱 태그에서 사용중인 태그들은 대부분 div 태그의 속성이었어요. TAG는 div가 다 해먹고 있었죠. 하지만 이제 태그가 의미있게 되었으니 되었으니 서로서로 이해하기 편해졌죠. 시만틱 태그 설명 header 그 헤더임 nav 네비게이션 aside 사이드 공간임 section 가운데 컨텐츠를 감싼 컨테이너 같은 영역. article 글자가 많이 들어간 위치 footer 푸터. 맨 아레에 위치한 영역으로 소개나 회사 이름 같..