본문 바로가기
반응형

코딩/HTML53

[HTML5] 시맨틱태그란 뭘까? (feat.header,footer,section) 안녕하세요. 김개입니다. 여러분들은 코딩을 막 배우기시작하면 div, span, p태그등을 배우게되고 종종 '시맨틱 태그'라는 말을 듣게되는데요. 과연 이 시맨틱태그는 무엇이며, 왜 써야하는가? ​ 우선 시맨틱태그란 무엇인가? 시맨틱태그란 의미가 있는 태그를 말합니다. 우리는 보통 코딩을 하다보면 모든 block요소 영역은 div태그로 inline요소는 span같은 태그들을 이용하여 코딩을 하죠. 시맨틱태그는 말그대로 의미가 있는 태그 ​ header,footer,nav,main,section,article 등과같이 태그자체에 의미가 담김 태그를 말합니다. ​ 그러면 시맨틱태그를 왜 써야하는가? 가장 첫번째 이유는 검색엔진 최적화에요. 검색 엔진이 알맞은 검색결과를 내기 위해 웹사이트를 크롤링할 때 내부.. 2022. 11. 15.
[HTML5] h태그에 대해 알아보자! (feat.p태그) 안녕하세요. 김개입니다. HTML5를 공부하다보면 태그의 종류가 정말 많은데요. 부터 시작해서 기타등등 너무많아요. 그중 h태그에 대해 얘가 인라인 요소인지 블록요소인지도 헷갈려 하시는 분들이 종종 있어서 간략하게 설명드리고자합니다. 크롬기준 h1~h6의 폰트크기도 대략적으로 알려드릴게요. 주로 대표적인 제목 / 로고등에 많이사용합니다 / 기본 32px크기에요 두번째로 큰 h2태그 24px 세번째로 큰 h3태그 18.72px 네번째로 큰 h4태그 16px 다섯번째로 큰 h5 태그 13.28px 가장작은 h6태그 10.72px 입니다. h태그는 기본적으로 h1~h6순으로 되어있고 중요도는 h1 이 가장 중요합니다. h태그의 요소는 블록요소입니다. *블록요소란 해당 줄에는 다른친구가 올수없어요. CSS로 d.. 2022. 11. 15.
홈페이지를 구성하는 HTML5 를 알아보자! HTML은 Hyper Text Markup Language의 약자이다. 웹페이지를 구성하기 위한 표준 마크업 언어이며,각각의 태그마다 특성이 있습니다. 그럼 HTML은 어떻게 사용해야 하는지필수적인 것부터 알아보도록 합시다! DOCTYPE 선언기존에 사용하던 XHTML이나 HTML4.X 버전일 때에는DOCTYPE선언이 다음과 같이 매우 길었습니다. 하지만 HTML5에서는 엄청 간단해졌죠. 이 정도로 간단해졌어요... DOCTYPE선언 이유는 웹브라우저마다 다 다르기 때문에 선언을 안 하게 되면 웹브라우저의 호환 모드로 인식하여 내용이 깨지거나 다르게 나오게 되는 경우가 발생해요. 그래서 DOCTYPE선언을 통해 표준으로 나타내 줌으로써 브라우저별 다르게 표시되는 상황을 막아주는 것이죠. 참고로 DOCTY.. 2022. 11. 14.
반응형