웹퍼블리셔 210708 시멘틱태그 HTML5 시멘틱 태그(=의미론적 태그)로 레이아웃을 만드는 이유 HTML5 시멘틱 태그로 만든 소스를 보면 제목, 메뉴 및 실제 내용이 어느 부분인지 쉽게 알 수 인지 쉽게 알 수 있다. 가장 상위의 컨테이너 :.container 또는 .wrapper 문서의 주요 내용 지정 : <main> 주제별 콘텐츠 영역 : <section> 헤더영역 (로고, 메뉴, 로그, 검색 등) : <header... html웹퍼블리셔html 210705 피규어태그 이미지와 텍스트를 함께 사용해야 하는 경우를 위해 HTML5 부터 새롭게 만든 태그 이미지, 영상 등 멀티미디어 내용을 담을 때 사용한다 <figure> 이미지, 동영상 등 멀티미디어 넣을 때 사용 <img> 피규어태그 안에 이미지 넣기 <h1> ~ <h6> 피규어태그 안에 이미지에 대한 제목글 넣기 <figcaption> 피규어태그 안에 이미지에 대한 설명글 넣기... html웹퍼블리셔html
210708 시멘틱태그 HTML5 시멘틱 태그(=의미론적 태그)로 레이아웃을 만드는 이유 HTML5 시멘틱 태그로 만든 소스를 보면 제목, 메뉴 및 실제 내용이 어느 부분인지 쉽게 알 수 인지 쉽게 알 수 있다. 가장 상위의 컨테이너 :.container 또는 .wrapper 문서의 주요 내용 지정 : <main> 주제별 콘텐츠 영역 : <section> 헤더영역 (로고, 메뉴, 로그, 검색 등) : <header... html웹퍼블리셔html 210705 피규어태그 이미지와 텍스트를 함께 사용해야 하는 경우를 위해 HTML5 부터 새롭게 만든 태그 이미지, 영상 등 멀티미디어 내용을 담을 때 사용한다 <figure> 이미지, 동영상 등 멀티미디어 넣을 때 사용 <img> 피규어태그 안에 이미지 넣기 <h1> ~ <h6> 피규어태그 안에 이미지에 대한 제목글 넣기 <figcaption> 피규어태그 안에 이미지에 대한 설명글 넣기... html웹퍼블리셔html