HTML id 属性
通过 JavaScript 利用 id 属性来处理一段文本: 实例 Run this code » <!DOCTYPE html> <html> <head> <meta charset="utf-...
通过 JavaScript 利用 id 属性来处理一段文本: 实例 Run this code » <!DOCTYPE html> <html> <head> <meta charset="utf-...
隐藏段落: 实例 Run this code » <p hidden>这是一段隐藏的段落。</p> 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 hidden 6.0 11.0 4.0 5.1 ...
拖动数据会导致被拖数据产生副本: 实例 <div dropzone="copy"></div> 浏览器支持 没有主流浏览器支持 dropzone 属性。 定义和用法 dropzone 属性规定当被拖动的数据在拖放到元...
可拖动的段落: 实例 Run this code » <p draggable="true">这是一段可移动的段落。请把该段落拖入上面的矩形。</p> 浏览器支持 Internet Explorer 9+, Fire...
文本方向为从右向左的段落: 实例 Run this code » <bdo dir="rtl">文本方向从右到左!</bdo> 浏览器支持 所有主流浏览器都支持 dir 属性 定义和用法 dir 属性规定元素内容的文...
使用 data-* 属性来嵌入自定义数据: 实例 Run this code » <ul><li data-animal-type="bird">Owl</li><li data-animal-ty...
规定 <div> 元素的上下文菜单。 当用户右击元素时将显示上下文菜单: 实例 Run this code » <div contextmenu="mymenu"><menu type="context" id...
可编辑段落: 实例 Run this code » <p contenteditable="true">这是一个可编辑段落。</p> 浏览器支持 所有主流浏览器都支持 contenteditable 属性 定义和用法...
在 HTML 文档中使用 class 属性: 实例 Run this code » <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &...
带有指定快捷键的超链接: 实例 Run this code » <a href="//www.runoops.com/html/html-tutorial.html" accesskey="h">HTML 教程</a>...