최근 글

실제 영상 파일을 사용하는 전체 예제로 video와 source를 설정합니다. 자동 재생 제한, preload·poster·loop 속성, 모바일 크기 조절과 재생 오류 확인 방법도 다룹니다.

date 입력의 표시 형식과 실제 날짜 값을 구분하고, min·max·step·required를 전체 예제로 확인합니다. 초기화와 서버 날짜 검증, 시간대 해석 시 주의점도 설명합니다.

정수 수량과 소수 무게 입력을 전체 예제로 구현하고 min·max·step의 검증을 확인합니다. 간격의 기준값, 숫자 문자열과 valueAsNumber, 전화번호에 number가 부적합한 이유도 다룹니다.

체크박스·라디오·범위·진행률의 기본 강조색을 지정합니다. 레이블과 키보드 조작, disabled·appearance 및 운영체제별 차이를 확인합니다.

글자 크기 조절 예제로 range의 min·max·step·value와 실시간 출력, 전송 값, 초기화를 확인합니다. 기본값과 선택 여부의 차이, number와의 선택 기준도 설명합니다.

time의 화면 표시와 실제 시간 문자열을 구분하고, 15분 간격·초 단위 입력을 전체 예제로 확인합니다. min·max·step, 필수 입력과 초기화, 자정을 넘는 범위와 시간대 처리도 설명합니다.

문장의 강조 초점은 em으로, 중요한 내용은 strong으로 표시하는 방법을 예제로 비교합니다. b의 역할과 CSS 굵기·기울임, 의미와 시각적 표현의 차이도 설명합니다.

del과 ins로 변경 전후 내용을 표시하고 datetime·cite 속성에 날짜와 변경 근거를 기록합니다. 취소선·밑줄의 의미와 접근성, 민감한 정보를 숨기는 용도로 사용할 수 없는 이유도 설명합니다.

caption으로 표 전체의 제목을 붙이고 th와 역할을 구분합니다. 전체 표 예제에서 caption-side로 위·아래 위치를 바꾸고 접근성과 작성 시 주의점도 확인합니다.

blockquote 요소의 기본 모양은 양쪽에 여백이 있는 것입니다. 그대로 사용하기보다는 여러 가지 모양으로 꾸미는 것이 일반적입니다. 다음은 아래와 같은 인용문을 꾸미는 몇 가지 예제입니다.