당신이 아마 알지 못할 8가지 충격적인 HTML 팁

이것들은 여러분의 마음을 사로잡을 제가 배운 HTML 팁 모음입니다!

1. 장치 카메라를 여는 캡처 속성


input 태그가 이메일, 텍스트, 비밀번호에 대한 속성을 가지고 있는 것처럼 이미지를 캡처하기 위해 모바일 장치의 카메라를 여는 속성도 있습니다.

이것은 두 가지 값을 가질 수 있는 capture 속성으로 수행됩니다.

  • 전면 카메라 사용자

  • 후면 카메라 환경

  • <input type="file" capture="user" accept="image/*">
    


    2. 웹사이트 자동 새로고침


    head 태그에서 지정된 시간 후에 웹사이트가 새로고침되도록 설정할 수 있습니다!

    <head>
        <meta http-equiv="refresh" content="10">
    </head>
    


    이 스니펫은 10초마다 웹사이트를 새로고침합니다.

    3. 맞춤법 검사 활성화



    HTMLspellcheck 속성을 사용하고 이를 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>
    


    그것은 포장입니다. 더 많이 알게되면 더 많이 공유하겠습니다 😄

    어떤 것이 당신에게 새로운 것인지 아래에 댓글을 달아주세요.

    좋은 웹페이지 즐겨찾기