HTML5中class选择器属性的解释

  • 设置有class属性值的元素，可以被css中的选择器调用，也可以在javascript中以getElementsByClassName()方法调用。

可以给各个元素添加class而且名称可以相同与id正好相反，id属性一般建议少用，在小型网站中页面元素不多的情况下我们推荐是id，而在大众型网站我们推荐使用class

如：

  1. <div id="box">HTML5</div>

复制代码

class选择器

  1. <div class="box">css3</div>

http://www.00h5.com/thread-666-1-1.html

时间： 2024-10-08 19:13:15

HTML5中class选择器属性的解释的相关文章

全栈JavaScript之路（十四）HTML5 中与class属性相关的扩充

1. getElementByClassName() :支持getElementsByClassName()方法的浏览器有IE 9+.Firefox 3+.Safari 3.1+.Chrome 和 Opera 9.5+. 2. classList 属性 :  classList 属性是新集合类型 DOMTokenList  的实例.DOMTokenList 类型有一个lenght 属性 ,表示包含了多少子元素,要取得每一个元素可以通过item() 方法访问,也可以用 [ ] 方法 访问. 此外这

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="

html5中的选择器

1.html5中的属性选择器 <body> <style type=text/css> <!--1>完全匹配选择器--> [id=test]{ color:red; //比较严格只是匹配元素中的id是test的选择器 } <!--2>包含匹配属性选择器--> [id*=test]{ color:green; //相比较完全匹配的属性选择器这个的范围要广泛,只要是选择器的值中要test就可以被改变 } <!--3>首部字符匹配属性选择器

HTML5中的placeholder属性

placeholder属性是HTML5 中为input添加的.在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示. 如 <input type="text" name="loginName" placeholder="邮箱/手机号/QQ号"> 目前浏览器的支持情况 浏览器 IE6/7/8/9 IE10+ Firefox Chrome Safari  是否支持 NO YES YES

辛星浅析html5中的role属性

我们使用role属性告诉辅助设备.这个元素所扮演的角色.比方点击的按钮,我们通常就使用role="button",会让这个元素可点击. 可是它很多其它的是用来增强语义性,当现有的html标签不能充分表达语义性的时候,就能够借助role来说明.通常它很多其它的出如今一些自己定义的组件上. 比方html中没有tree标签.我们就能够把他的role设置为tree.这样能够增强组件的可訪问性.可用性和可交互性.

html/html5中的download属性

兼容性不是很好, 只是了解一下: 主要表现在跨域策略的处理上,Chrome浏览器和FireFox浏览器: 如果需要下载的资源是跨域的,包括跨子域,在Chrome浏览器下,使用download属性是可以下载的,但是,并不能重置下载的文件的命名:而FireFox浏览器下,则download属性是无效的,也就是FireFox浏览器无论如何都不支持跨域资源的download属性下载. 而,如果资源是同域名的,则两个浏览器都是畅通无阻的下载,不会出现下载变浏览的情况. demo <a href="l

html5中新增的属性和删除的属性

一.表单新增的属性 1.对input(type="text").select.textarea与button元素指定autofocus属性,它以指定属性的方式让元素在画面打开时自动获取焦点. 2.input.textarea元素指定placeholder属性,它会对用户的输入进行提示,提示用户输入的内容. 3.input.output.select.textarea.button与fieldset指定form属性,声明它属于哪个表单,然后将它放在页面的任何位置,而不是表单内部. 4.i

HTML5中的lang属性，zh-CN还是zh-Hans？

一.资源 先提供资源.如果我弄错了什么,请以这些文档为准: W3C文档.IANA已登记的子标签.BCP 47.RFC 5646. 二.格式简介 先上一张图片: 一个Language Tags,由①到⑦一共四个子标签组成.有什么盘算不清楚的,请参考资源部分提供的文档. 三.各部分含义 ①language:主语言,用代码“zh”表示汉语,小写.好像对于大小写没有强制要求,习惯而已.还是遵循习惯吧,总让别人看着别扭不是彰显个性的好办法.②extlang:翻译成“扩展的语言”?对于汉语而言,这个部分表示

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

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