카테고리: HTML Reference
HTML video 태그: 동영상 삽입·자동 재생·반응형 크기 설정
실제 영상 파일을 사용하는 전체 예제로 video와 source를 설정합니다. 자동 재생 제한, preload·poster·loop 속성, 모바일 크기 조절과 재생 오류 확인 방법도 다룹니다.
HTML 날짜 입력: date의 value·min·max·step 사용법
date 입력의 표시 형식과 실제 날짜 값을 구분하고, min·max·step·required를 전체 예제로 확인합니다. 초기화와 서버 날짜 검증, 시간대 해석 시 주의점도 설명합니다.
HTML number 입력: min·max·step과 소수 허용 방법
정수 수량과 소수 무게 입력을 전체 예제로 구현하고 min·max·step의 검증을 확인합니다. 간격의 기준값, 숫자 문자열과 valueAsNumber, 전화번호에 number가 부적합한 이유도 다룹니다.
HTML range 입력: 슬라이더 범위·간격과 현재 값 표시
글자 크기 조절 예제로 range의 min·max·step·value와 실시간 출력, 전송 값, 초기화를 확인합니다. 기본값과 선택 여부의 차이, number와의 선택 기준도 설명합니다.
HTML time 입력: 시간 범위·15분 간격·초 단위 설정
time의 화면 표시와 실제 시간 문자열을 구분하고, 15분 간격·초 단위 입력을 전체 예제로 확인합니다. min·max·step, 필수 입력과 초기화, 자정을 넘는 범위와 시간대 처리도 설명합니다.
HTML em·strong 태그: 강조·중요성과 b·CSS의 차이
문장의 강조 초점은 em으로, 중요한 내용은 strong으로 표시하는 방법을 예제로 비교합니다. b의 역할과 CSS 굵기·기울임, 의미와 시각적 표현의 차이도 설명합니다.
HTML del·ins 태그: 삭제·추가 내용과 변경 날짜 표시하기
del과 ins로 변경 전후 내용을 표시하고 datetime·cite 속성에 날짜와 변경 근거를 기록합니다. 취소선·밑줄의 의미와 접근성, 민감한 정보를 숨기는 용도로 사용할 수 없는 이유도 설명합니다.
HTML caption 태그: 표 제목과 위·아래 위치 지정하기
caption으로 표 전체의 제목을 붙이고 th와 역할을 구분합니다. 전체 표 예제에서 caption-side로 위·아래 위치를 바꾸고 접근성과 작성 시 주의점도 확인합니다.
HTML blockquote 태그: 블록 인용과 출처 표시 방법
blockquote로 인용 구역을 만들고 cite 속성과 출처 링크를 구분하는 방법을 예제로 설명합니다. q 요소와의 차이 및 CSS로 인용 모양을 조절하는 방법도 확인합니다.
HTML address 태그: 작성자·사이트 연락처 표시 방법
address로 글 작성자와 사이트 운영자의 연락처를 구분하는 방법을 전체 예제로 설명합니다. 일반 위치 주소와의 차이, mailto 링크의 동작, 허용되는 내용과 스타일 변경도 다룹니다.