html 그 외 태그

<img>

문서에 이미지를 삽입

 

속성

srcset: 브라우저에게 제시할 이미지 url과 원본 크기의 목록을 정의

sizes: 미디어 조건과 해당 조건일 때 이미지의 최적화 크기의 목록을 정의

 

 

<audio></audio>

문서에 소리 컨텐츠를 삽입

 

속성

src: 오디오 url

controls: 화면에 플레이어 표시

loop: 반복 재생

autoplay: 자동 재생 (크롬은 정책적으로 오디오의 자동 재생을 허용 안함)

 

 

<video></video>

문서에 비디오 컨텐츠를 삽입

 

속성

src: 오디오 url

width/height: 비디오의 너비/높이

controls: 화면에 플레이어 표시

loop: 반복 재생

autoplay: 자동 재생 (크롬은 정책적으로 오디오의 자동 재생을 허용 안함)

 

 

HTML Semantic Tag

Sementic Tag

'의미론적인' 이라는 의미

기계적인 검색엔진은 어떤 태그가 어떤 기능을 하는지 분별할수 없으므로 특정 태그에 특정 의미를 부여해 웹 페이지를 제작

 

속성

header: 머리말(페이지 제목, 페이지 소개)

nav: 다른 페이지 링크를 제공하는 영역

aside: 문서의 별도 컨텐츠를 설정

section: 문서의 일반적인 영역을 설정

article: 본문과 독립적인 콘텐츠 영역

footer: 꼬리말(저자나 저작권 정보)