당신이 아마 알지 못할 8가지 충격적인 HTML 팁
3790 단어 htmltodayilearnedwebdev
1. 장치 카메라를 여는 캡처 속성
input
태그가 이메일, 텍스트, 비밀번호에 대한 속성을 가지고 있는 것처럼 이미지를 캡처하기 위해 모바일 장치의 카메라를 여는 속성도 있습니다.이것은 두 가지 값을 가질 수 있는
capture
속성으로 수행됩니다.전면 카메라 사용자
후면 카메라 환경
<input type="file" capture="user" accept="image/*">
2. 웹사이트 자동 새로고침
head
태그에서 지정된 시간 후에 웹사이트가 새로고침되도록 설정할 수 있습니다!<head>
<meta http-equiv="refresh" content="10">
</head>
이 스니펫은 10초마다 웹사이트를 새로고침합니다.
3. 맞춤법 검사 활성화
HTML
spellcheck
속성을 사용하고 이를 true로 설정하여 활성화할 수 있습니다. lang
속성을 사용하여 사용할 언어를 지정합니다.<input type="text" spellcheck="true" lang="en">
표준 속성이며 대부분의 브라우저에서 지원됩니다.
dev.to가 포스트 에디터 생성에 이 속성을 사용하는지 궁금합니다... 😄
4. 업로드할 파일 형식 지정
사용자가
input
속성을 사용하여 accept
태그에 업로드할 수 있는 파일 형식을 지정할 수 있습니다.<input type="file" accept=".jpeg,.png">
5. 번역 방지
translate
속성을 no로 설정하면 변환이 방지됩니다. 예를 들어 로고, 회사 또는 브랜드 이름과 같은 구문이나 단어를 번역하지 않으려는 경우에 중요합니다.<p translate="no">Brand name</p>
6. 입력 태그에 여러 항목 입력
이것은
multiple
속성을 사용하여 수행할 수 있습니다.<input type="file" multiple>
파일과 이메일 모두에서 작동합니다. 이메일의 경우 각 이메일을 쉼표로 구분합니다.
7. 동영상 포스터(썸네일) 만들기
poster
속성을 사용하면 비디오를 다운로드하는 동안 또는 사용자가 재생 버튼을 누를 때까지 표시되는 이미지를 만들 수 있습니다.이것이 포함되지 않은 경우 비디오의 첫 번째 프레임이 대신 사용됩니다.
<video poster="picture.png"></video>
8. 링크 클릭 시 자동 다운로드
대상 리소스에 대한 링크를 클릭할 때 특정 리소스를 다운로드하려면
download
속성을 추가하십시오.<a href="image.png" download>
그것은 포장입니다. 더 많이 알게되면 더 많이 공유하겠습니다 😄
어떤 것이 당신에게 새로운 것인지 아래에 댓글을 달아주세요.
Reference
이 문제에 관하여(당신이 아마 알지 못할 8가지 충격적인 HTML 팁), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/babib/7-shocking-html-tips-you-probably-dont-know-about-ggd텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)