HTML及HTML5中好玩的全局属性

全局属性可以应用到所有的HTML标签中,当然以前HTML4有不支持的,当然HTML5中就算你加了全局属性也没发现有个鸟用.

全局属性总共16种,HTML5新增了8种.

原来的属性里class,id,style没什么好玩好说的;

4.accesskey 设置访问元素的快捷键

注意: 在不同操作系统中不同的浏览器中访问快捷键的方式不同

Windows中IE和Chrome是[Alt] + accesskey

Firefox是[Alt] [Shift] + accesskey

其他浏览器也不出这几种ctrl,shift,alt自己组合着试试看

在元素后面加上这个属性后这值里写上字母或者数字(注意小键盘的没用)可以不用鼠标直接快键访问链接

5.dir规定文本的方向

<p dir="rtl">文本方向从右到左!</p>

效果

6.lang设置语言代码,可以对单独的元素使用,比如在英文里如果有法文,这将很实用

7.tabindex 改变tab键导航顺序,感觉作用不大.而且容易跳到窗口之外,比如地址栏.

8.title 这个很常见也实用,属性HTML4的不用说了吧.

HTML5新全局属性

contenteditable 使元素的内容可编辑

contextmenu 没看到作用

data-* 跟JS交互提示,没jS基础的这个属性暂时别用了.而且我看w3c里是弹窗不怎么喜欢.

draggable 指定元素是否可以拖动 提示: 链接和图像默认是可拖动的。FF总会打开新标签讨厌.

dropzone 移动数据产生副本,目前无支持,看不到效果

hidden

spellcheck,translate 没看到效果

总结:实用的全局属性有accesskey,lang,title,contenteditable,hidden,id,class.(5+2)

时间: 2024-10-04 12:58:46

HTML及HTML5中好玩的全局属性的相关文章

html5中新的标准属性

属性                                        值                                  描述accesskey                           character                 规定访问元素的键盘快捷键class                                 classname                 规定元素的类名(用于规定样式表中的类).contenteditab

HTML5中form的新增属性或元素

1.新增的表单元素 1.1 progress表示任务的完成情况,常用于进度条. max 定义进度元素所要求的任务的工作量,默认值为1 value 定义已经完成的工作量,如果max值为1,该值必须是介于0~1之间的小数. <progress value="70",max="100">70%</progress> 1.2 output表示用户动作产生的结果. name 定义元素的名称 for 其他元素的id列表,表明这些元素为计算提供了输入值(或

HTML5中新加的标签和属性定义

HTML5 <!DOCTYPE> 标签所有主流浏览器都支持 <!DOCTYPE> 声明.<!DOCTYPE> 声明非常重要,它是一种标准通用标记语言的文档类型声明,通过该标签,浏览器能够了解HTML5文档正在使用的HTML规范,<!DOCTYPE> 声明是HTML5文档的起始点,也就是说它必须位于HTML5文档的第一行!标签定义及使用说明:<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前.<!DO

HTML5全局属性(一)

NEW:HTML 5 中新的全局属性. 属性 描述 accesskey 规定访问元素的键盘快捷键 class 规定元素的类名(用于规定样式表中的类). contenteditable 规定是否允许用户编辑内容. contextmenu 规定元素的上下文菜单. dir 规定元素中内容的文本方向. draggable 规定是否允许用户拖动元素. dropzone 规定当被拖动的项目/数据被拖放到元素中时会发生什么. hidden 规定该元素是无关的.被隐藏的元素不会显示. id 规定元素的唯一 ID

HTML 5 全局属性和事件属性

1.HTML 5 全局属性 HTML 属性能够赋予元素含义和语境. 下面的全局属性可用于任何 HTML5 元素. NEW:HTML 5 中新的全局属性. 属性 描述 accesskey 规定访问元素的键盘快捷键 class 规定元素的类名(用于规定样式表中的类). contenteditable 规定是否允许用户编辑内容. contextmenu 规定元素的上下文菜单. dir 规定元素中内容的文本方向. draggable 规定是否允许用户拖动元素. dropzone 规定当被拖动的项目/数据

HTML5中的新增元素

HTML5中新增了大量的元素与属性,这些新增的元素和属性使HTML5的功能变得更强大,使网页设计效果有了更多的实现可能. 新增的主体结构元素section元素<section>标签定义文档中的节,比如章节,页眉,页脚或文档中的其他部分.它可以与h1,h2,h3,h4,h5,h6等元素结合起来使用,显示文档结构.<section> <h1>...</h1> <p>...</p></section> article元素<

H5 新特性之全局属性一

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!--<!DOCTYPE html>--><!--<html lang="en">--><!--<he

html5中关于input用法的改变

测试环境:Firefox 10.0.Safari 5.1.Opera 11.61, Chrome 14.0.835.202 自己测试的时候都有写在form表单里,有提交按钮验证.因为对博客使用还不是很熟练,发博文的时候只有舍弃submit验证.大家在本地练习的时候可以写上submit验证,看各个浏览器的对这些新增的类型验证的区别. 一.新增的属性和属性值 在HTML5中,大幅度地增加与改良了input属性的种类,可以简单的使用这些属性来实现之前需要使用JavaScript才能实现的.对于html

HTML5移动开发之路(13)——HTML5中的全局属性

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(13)--HTML5中的全局属性 一.accssskey  快捷键 [html] view plain copy print? <!DOCTYPE HTML> <html> <body> <a href="http://blog.csdn.net/column/details/dawanganban-html5.html" accesskey="