独特或不太常见的 HTML属性

123 阅读1分钟

HTML中有许多常见属性,但您可能会感兴趣以下一些独特或不太常见的 HTML 属性:

内容可编辑:

  • 该属性使元素可编辑。用户可以直接在浏览器中修改内容。

    <div contenteditable="true">
        This content can be edited.
    </div>
    

拼写检查:

  • 该属性用于启用或禁用元素的拼写检查功能。

    <textarea spellcheck="true">
        This textarea has spell-checking enabled.
    </textarea>
    

可拖动:

  • 该属性使元素可拖动。它通常与 JavaScript 结合使用以实现拖放功能。

    <img src="image.jpg" draggable="true" alt="Draggable Image">
    

沙箱:

  • 与元素一起使用<iframe>,该sandbox属性限制嵌入内容可以执行的操作,例如阻止其执行脚本或提交表单。

    <iframe src="sandboxed-page.html" sandbox="allow-same-origin allow-scripts"></iframe>
    

下载:

  • 此属性与 (anchor) 元素一起使用<a>,指定当用户单击链接时应下载目标。

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

隐藏:

  • 该属性用于隐藏页面上的元素。这是一种最初隐藏内容的简单方法,稍后可以通过 CSS 或 JavaScript 显示内容。

    <p hidden>This paragraph is initially hidden.</p>
    

推迟:

  • <script>元素一起使用,该defer属性可确保脚本在文档解析后执行。

    <script defer src="myscript.js"></script>
    

异步:

  • 与 类似defer,该async属性与元素一起使用<script>,但它指示脚本应该异步执行。

    <script async src="myscript.js"></script>
    

接受属性:

  • 您可以将accept属性与元素(仅适用于文件类型)一起使用来指定服务器可以接受的文件类型。
<input type="file" accept=".jpg, .jpeg, .png">

翻译:

  • 该属性用于指定页面本地化时是否应翻译元素的内容。
    <p translate="no">This content should not be translated.</p>