1. enterkeyhint 속성
- mobile device 가상 키보드 enter key 부분에 표시되는 색상/텍스트 변경
- enter, done, go, next, previous, search, send <- 7가지 value만 취급 가능 (커스터마이징 불가)
2. link 태그의 title, rel="alternate" 속성
- Firefox 브라우저에서 stylesheet customizing
3. blockquote/q 태그의 cite 속성
- 인용문과 인용문의 출처를 하나의 element로 정리
- 보통 서버 사이드에서 사이트 quote 사용에 대한 통계 수집하는 스크립트로 활용 가능
4. ol 태그 관련 여러가지 속성
- reversed: 목록 옆의 숫자만 반전, 원본 순서는 유지
- start
- type: a - lowercase, A - uppercase, 1 - numeric, ...
- value
5. a 태그의 download 속성
- a 태그에 download 속성을 지정하고 href로 파일을 지정하면 해당 파일 다운로드 (링크 이동 X)
6. img 태그의 decoding 속성
- 이미지 로드 시간은 변함 X, 디코딩 되서 뷰포트에 컨텐츠가 보이는 방식 변경 가능
- values: sync, async, auto (default)
7. iframe 태그의 loading 속성
- img 태그에 loading="lazy" 처리해서 lazy loading 한 것처럼 iframe 태그도 사용 가능
- iframe loading 속성은 현재 Firefox 지원 X
8. form 속성
- form 태그 안에 input 요소를 배치 안해도 form 태그에 id 값을 지정한 후,
form 바깥 input 요소에 form="form 태그 id" 속성 지정하면 연결됨
9. ins/del 태그의 cite, datetime 속성
- cite: content inserted/deleted 설명 관련 URL
- datetime: content inserted/deleted 날짜
10. optgroup 태그의 label 속성
- select box 드롭다운의 option이 많을 때, optgroup 태그의 label 속성을 지정하면
각각 그룹핑하면서 카테고리 label 지정 가능 - optgroup의 label 속성에 해당하는 부분은 선택 불가 (placeholder 같이 guide msg 느낌)
- optgroup 태그에 disabled 속성 지정시 해당 그룹에 속하는 option들은 선택 불가
11. imagesizes, imagesecret 속성 (for preloading 반응형 이미지)
- rel="preload": preloading 기능
- as: type of content requested
처음 보는 HTML 속성들이 많은데 한 번씩 참고해서 이후 프로젝트에 활용해도 좋을 것 같습니다~
반응형
댓글