码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 class属性

时间:2015-08-13 00:51:14      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:

HTML5 class属性:

此属性定义了元素的类名。

通常用于指向样式表的类,也可以用于javascript中(通过 HTML DOM), 来修改HTML元素的类名。

语法结构:

<element class="classname">

浏览器支持:

(1).IE浏览器支持此属性。

(2).谷歌浏览器支持此属性。

(3).火狐浏览器支持此属性。

(4).Safari浏览器支持此属性。

(5).Opera浏览器支持此属性。

HTML4.01与HTML5之间的差异:

(1).HTML5中, class属性可用于任何的HTML元素 (它会验证任何HTML元素。但不一定是有用)。

(2).HTML4.01 中, class属性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。

属性值:

 

描述
classname 规定元素的类的名称。
如需为一个元素规定多个类,用空格分隔类名,例如:<span class="left important">. 
命名规则:
(1).必须以字母 A-Z 或 a-z 开头。
(2).可以是以下字符: (A-Za-z), 数字 (0-9), 横杆 ("-"), 和 下划线 ("_")。
(3).在HTML中, 类名是区分大小写的。

代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style>
.div{
  color:blue;
}
.css{
  font-weight:bold;
}
</style>
</head>
<body>
<div class="div">div教程</div>
<div class="css">css教程</div>
<div class="div css">施加两个类</div>
</body>
</html>

原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0618/4623.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10041

HTML5 class属性

标签:

原文地址:http://www.cnblogs.com/xiaofinder/p/4725925.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!