[ HTML + CSS + 자바스크립트] 3.8 ~ 3.10

[ 코딩 자율학습 ]

HTML+CSS+자바스크립트

3.8 ) 멀티미디어 설정하기

< audio 태그 >

: 항상 src 속성과 함께 사용

control 속성 - 웹 브라우저에 노출

< video 태그 >

: audio 태그와 같음

< source 태그 >

: audio 태그와 video 태그에서

파일의 경로와 미디어 타입 명시

audio 태그와 video 태그의 자식요소로 사용

 

source 태그 사용시

audio 태그와 video 태그에는 src 속성 쓰지 않음

3.9 ) 웹 페이지 구조를 설계하는 시맨틱 태그

< 시맨틱 태그 >

시맨틱 웹: 기계도 쉽게 이해할 수 있는 웹 페이지 설계

table, form, a태그 - 시맨틱 태그

< header 태그 >

: 웹 페이지의 헤더 영역 구분하는데 사용

< nav 태그 >

: 내부의 다른 영역이나 외부를 연결하는 링크 영역을 구분

< section 태그 >

: 관련 있는 내용 영역 구분할 때 사용

hn 태그 중 하나를 포함

< article 태그 >

: 독립적인 영역 구분

ex) 로그인 영역 

< aside 태그 >

: article 태그나

section 태그로 영역을 구분할 수 없을 때 사용

< footer 태그 >

: 웹페이지 footer 영역 구분

( 최하단 영역 )

< main 태그 >

: 웹페이지 주요 내용 지정

( 13.3 참고하기 )

3.10 ) 태그 종류에 상관없이 사용하는 글로벌 속성

< class 속성 >

: CSS에서 활용

< id 속성 >

: 중복 불가

(unique)

< title 속성 >

: 요소에 추가정보 넣을 때 사용

마우스가 툴팁으로 표시

< data-* 속성 >

: 사용자가 원하는 속성 만들때 사용

ex ) data-name="spiderman"