首页 > Web开发 > 详细

html5内容快速学习

时间:2019-06-15 10:50:23      阅读:89      评论:0      收藏:0      [点我收藏+]

accessKey 快捷键

<input type="text" accessType="m"/>
<!-- chrome按下快捷键alt+m,firefox按下shift+alt+m-->

contenteditable 内容可编辑

<p contenteditable="true">
</p>

data-*自定义属性

使用dataset可能引起浏览器兼容问题,可以使用获取attribute的方式

<!DOCTYPE HTML>
<html>
<body>
<input id="te" type="text" accesskey="j" data-age="1"/>
<script >
var a=document.getElementById("te");
alert(a.dataset.age);
</script>
</body>
</html>

contextmenu,尚无支持的浏览器

<p contextmenu="supermenu">本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p>  

<menu id="supermenu">
  <command label="Step 1: Write Tutorial" onclick="doSomething()">
  <command label="Step 2: Edit Tutorial" onclick="doSomethingElse()">
</menu>

dir规定文本方向ltr:从左到右 rtl从右到左

<p dir="ltr">
</p>

spellcheck拼写检查

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>text</title> 
</head>
<body>
<textarea spellcheck="true">
</textarea>
</body>
</html>下图为chrome下效果
技术分享图片

 tabindex

<a href="/" tabindex="2">2</a>
<a href="" tabindex="1">1</a>
<a href="" tabindex="3">3</a>

 cite

<cite> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。
按照惯例,引用的文本将以斜体显示。

 

html5内容快速学习

原文:https://www.cnblogs.com/ives/p/11014872.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!