알아야 할 13가지 HTML 속성Frontend/HTML, CSS2024. 4. 9. 14:41
Table of Contents
반응형
Accept 속성
<input type="file" accept=".jpg, .jpeg, .png" />
Alt 속성
<img src="nature.png" alt="A beautiful sunset" />
Autocomplete 속성
<input type="text" name="name" autocomplete="on" />
Contenteditable 속성
<div contenteditable="true">You can edit this content.</div>
Download 속성
<a href="document.pdf" download="document.pdf">Download PDF</a>
Hidden 속성
<div hidden>This is hidden content.</div>
Loading 속성
<img src="image.png" loading="lazy" />
Multiple 속성
<input type="file" multiple />
<select multiple>
<option value="java">Java</option>
<option value="javascript">JavaScript</option>
<option value="typescript">TypeScript</option>
<option value="rust">Rust</option>
</select>
Poster 속성
<video controls poster="image.png" width="500">
<source src="video.mp4" type="video/mp4" />
</video>
Readonly 속성
<input type="text" value="This is readonly." readonly />
Srcset 속성
<img src="image.jpg" srcset="image.jpg, image-2x.jpg, image-3x.jpg" />
Spellcheck 속성
<input type="text" spellcheck="false" />
Title 속성
<a href="document.pdf" title="Click to download">Download File</a>
반응형
'Frontend > HTML, CSS' 카테고리의 다른 글
알아야 할 13가지 HTML 속성 (3) | 2024.04.29 |
---|---|
CSS 개발자가 알아야 할 시간 절약형 웹사이트 11가지 (4) | 2024.04.15 |
한 줄로 완성하는 최신 CSS 레이아웃 10가지 (68) | 2024.01.20 |
HTML과 CSS 기술을 향상시킬 수 있는 10가지 소규모 프로젝트 아이디어 (2) | 2024.01.13 |
다중 장치(Multi-Device)를 위한 반응형 디자인 (0) | 2023.12.30 |
@고지니어스 :: 규니의 개발 블로그
IT 기술과 개발 내용을 포스팅하는 블로그
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!