html..?

이성민·2023년 4월 12일
0

오늘은 2일차, html, css, javascript의 역할에 대해 알아보고
vscode 실습을 해보았다.

우선 html은 HyperText Markup Language로 프로그래밍 언어가 아닌 웹페이지의 뼈대를 구성하는 마크업 언어라고 한다.

html은 구조, css는 스타일, javascript는 상호작용. css가 기대된다.

강의를 통해 자주사용하는 요소와 시맨틱 요소의 중요성 등을 배웠다
div, span, ul, ol, li, input 등..id나 class요소 추가도 하고..

자기소개페이지를 만드는 과제가 주어졌고, 하다보니 재미있어서 저번에 알려준 mdn으로 막 찾아보면서 이것저것 써보고있었다. 너무 엉망이 돼서 다 지우긴했지만..

그런데 문제가 생겼다. 이해를 잘못한건지 section, div, article이 헷갈린다.
어...같은 기능이 아닌가? 나만 그런건지 부끄럽다.

검색해보니,
article의 경우 내용이 각기 독립적이고, 홀로 설 수 있는 내용 (블로그 글, 뉴스 기사)을 담는다.

section의 경우 논리있는, 관계있는 문서를 분리하는 역할, 다른 주제로 구분짓기 위해 사용된다.

div는 의미적으로 관계가 없을경우, 그냥 오로지 내용을 묶는 역할로만 사용한다.

......솔직히 뭔말인지 모르겠다. 좀 더 찾아보고 예시를 여러개 봐야할거같다. 너무 기본에 걸린거 같지만 다 지나면 잘될거다.

profile
도전자

0개의 댓글

관련 채용 정보