在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>