html / css 기초

안녕하세요! 비버팩토리입니다. 

이번 주제는 퍼블리싱기초 공부에 대해서 남겨봅니다.

 

우선적으로 자주 사용하는 html5 는 article, asise, section, header, footer, nav 위주로 마크업을 사용 하면 됩니다.

각자 사용법은 다양한데 제가 생각 하는게 맞다면 이런식으로 사용합니다.

section 과 article 마크업은 하나를 묶어주는 마크업이라 생각합니다. 

 

HTML <section> 요소는 HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다. 보통 <section>은 제목을 포함하지만, 항상 그런 것은 아닙니다.

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element/section

 

section, article 으로 사용하고  html4에서는 div으로  자주 사용되는 마크업입니다. 

 

header 마크업은 맨 상단에서 사용 되며 상황에 따라서 컨텐츠에도 사용됩니다. 근데 왠만하면 header 마크업 상단 메뉴 구성으로 사용합니다. (헷갈리지 않기 위해서...)

 

nav 마크업은 메뉴, 카테고리를 표현하려고 사용 됩니다. 그리고 nav 마크업 내에서 list 마크업으로 구성하면됩니다.

 

footer 마크업은 맨 하단에서 사용됩니다.  하단에서 카피라이트 와 회사정보를 사용하기 위해서 쓰입니다.

 

 

아래 링크를 참고하면 레이아웃을 확인 할 수 있습니다.

https://codingeverybody.kr/html-section-%ED%83%9C%EA%B7%B8-%EC%98%AC%EB%B0%94%EB%A5%B8-%EC%9D%B4%ED%95%B4%EC%99%80-%EC%82%AC%EC%9A%A9-%EB%B0%A9%EB%B2%95/

HTML <section> 태그 – 올바른 이해와 사용 방법 - 코딩에브리바디

 

마크업 용도는 너무 어렵지 않기 때문에 간단한 검색을 통해서 활용하면 됩니다. 

 

 

 

 

 

 

참고 자료 :

 

https://tkayyoo.tistory.com/6

[Web] HTML/CSS 기초 문법 정리