우리가 아는 HTML 속성들의 숨겨진 활용법

글에서 핵심 내용만 정리해 보았습니다. 상세 내용은 링크를 참고해 주세요.


https://www.smashingmagazine.com/2025/01/lesser-known-uses-better-known-attributes/


  • name

    • <details> 요소에 사용해 하나의 아코디언만 열리도록 그룹화 가능

  • title

    • 툴팁 외에도 <input>, <dfn>, <abbr>에 적용해 에러 메시지나 용어 확장 제공

  • value

    • <ol><li>에 지정해 리스트 번호를 원하는 값으로 변경 가능

  • datetime

    • <ins><del> 요소에 적용해 변경된 날짜 및 시간 정보를 기계 판독형으로 제공

  • cite

    • 인용문 뿐만 아니라 <ins>, <del>에서도 변경 내역 설명 문서의 URL을 지정 가능

  • multiple

    • 파일 업로드나 이메일 입력 필드에 적용해 여러 항목을 선택하도록 지원

  • for

    • <output> 요소에서 여러 입력 필드의 값을 참조하여 계산 결과를 연결하는 데 사용 가능

  • target

    • <form> 요소에 사용하면 제출 후 응답 페이지를 새 탭/창에서 열 수 있음

  • disabled

    • <fieldset> 전체에 적용해 모든 하위 폼 요소를 비활성화할 수 있음

Lesser Known Uses Of Better Known Attributes — Smashing Magazine

Smashing Magazine

Lesser Known Uses Of Better Known Attributes — Smashing Magazine

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2025년 2월 25일 오후 4:55

 • 

저장 47조회 2,895

댓글 0