728x90
[ 코딩 자율학습 ]
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"
728x90