당신이 알아야 할 희귀한 HTML 속성

HTML은 많은 개발자가 종종 지나쳐버리는 숨겨진 보석으로 가득 차 있습니다. 이러한 희귀한 HTML 속성은 웹 개발 프로세스를 개선하고, 성능을 향상시키며, 프로젝트의 상호 작용을 매우 독특하게 만들 수 있습니다.

HTML의 속성은 HTML 요소에 대한 추가 정보를 제공합니다.

1. 숨김

hidden 속성은 DOM에서 요소를 제거하지 않고 웹페이지의 요소를 숨기는 데 사용됩니다. 모든 HTML 요소에 이 속성을 사용할 수 있습니다.

<p hidden>This text is hidden.</p>

2. 내용 편집 가능

contenteditable 속성은 요소의 콘텐츠를 편집할 수 있는지 여부를 지정하는 데 사용됩니다. 이를 통해 사용자는 요소 내의 콘텐츠를 수정할 수 있습니다.

 <div contenteditable="true">You can edit this text!</div>

3. 맞춤법 검사

철자 검사 속성을 요소(비밀번호 제외), 콘텐츠 편집 가능한 요소 및 요소에 적용하여 브라우저에서 철자 검사를 활성화하거나 비활성화할 수 있습니다.

<textarea spellcheck="false">No spell check here!</textarea>

4. 제목

title 속성은 요소에 대한 추가 정보를 제공하는 데 사용됩니다. 사용자가 요소 위로 마우스를 가져가면 정보가 표시되며 이는 도구 설명처럼 작동합니다.

<a href="document.pdf" title="Click to download">DownloadFile</a>

5. 수락

서버가 허용하는 파일 형식을 지정하기 위해 파일 형식에 대해서만 요소와 함께 accept 속성을 사용할 수 있습니다.

<input type="file" accept=".jpg, .jpeg, .png">

6. 자동 완성

양식, 입력, 텍스트 영역과 같은 요소와 함께 autocomplete 속성을 사용하여 브라우저의 자동 완성 기능을 제어할 수 있습니다.

<input type="text" name="name" autocomplete="on" />

7. 입력 모드

inputmode 속성은 텍스트 입력에 입력될 데이터 유형에 대한 힌트를 제공합니다.

<input type="text" inputmode="numeric" placeholder="Phone numbers">

8. 다운로드

HTML의 다운로드 속성을 사용하면 사용자가 링크를 클릭할 때 파일이 다운로드되도록 지정할 수 있습니다.
다운로드 속성은 (앵커) 태그에 사용됩니다. 다운로드한 파일의 이름을 지정하고 대상 리소스로 이동하는 대신 대상 리소스를 다운로드해야 한다고 브라우저에 알릴 수 있습니다.

<a href="document.pdf" download="document.pdf">Download PDF</a>

9. 포스터

포스터 속성은 사용자가 비디오를 재생할 때까지 이미지를 표시하기 위해 비디오 요소에 사용됩니다.

<video controls poster="image.png" width="500">
    <source src="video.mp4" type="video/mp4" />
</video>

10. 소스세트

HTML의 srcset 속성은 과 함께 사용되는 강력한 도구입니다.

오늘은 여기까지입니다.

읽어주셔서 감사합니다.

위 내용은 당신이 알아야 할 희귀한 HTML 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!