Lesser Known Uses Of Better Known Attributes — Smashing Magazine
Smashing Magazine
우리가 아는 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>전체에 적용해 모든 하위 폼 요소를 비활성화할 수 있음
다음 내용이 궁금하다면?
이미 회원이신가요?
2025년 2월 25일 오후 4:55
댓글 0
함께 읽은 게시물
Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자로" 강의를
... 더 보기
웹 앱이 만들어지던 시기에도, 모바일 앱이 창궐(?)하는 시기에도 웹의 종말론 그런게 항상 나왔었다. 앱은 서로를 연결하지 않으니까.
하지만 웹은 그 존재 의의를 계속 진화시키고 발전시켜가며 중요한 역할을 계속 해 왔다.
🪄 플레이모어와 함께할 동료를 찾습니다
첫
... 더 보기혹시 Cursor 채팅만 사용하시나요? Agent 쓰는 방법!
Cursor와 함께라면, 더이상 에디터는 단순한 입력 도구가 아닌
... 더 보기이력서는 붙는데 면접에서 계속 떨어진다면?
이
... 더 보기
