HTML5 class属性

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

时间: 2024-12-23 10:15:08

HTML5 class属性的相关文章

HTML5 学习笔记(二)——HTML5新增属性与表单元素

目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性 二.HTML5表单新功能解析 2.1.表单结构更自由

HTML5 dir属性

HTML5 dir属性: 此属性规定元素内容的文本方向. 语法结构: <element dir="ltr|rtl|auto"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: (1).HTML5中, dir属性可用于任何的HTML元素 (它会验证任何HTML元素.但不一定是有用). (2).HT

HTML5 contenteditable属性

HTML5 contenteditable属性: 此属性指定元素内容是否可编辑. 当元素中没有设置contenteditable属性时,元素将从父元素继承. 语法结构: <element contenteditable="true|false"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异:

html5 data属性的使用

html5 data属性定义和用法 <ul> <li data-animal-type="bird">Owl</li> <li data-animal-type="fish">Salmon</li> <li data-animal-type="spider">Tarantula</li> </ul> data-* 属性用于存储页面或应用程序的私有自定义

HTML5 draggable属性

HTML5 draggable属性: 此属性规定元素是否可拖动. 链接和图像默认是可拖动的. 语法结构: <element draggable="true|false|auto"> 浏览器支持: (1).IE8 以上浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: draggable属性是HTML5新增的. 属性值: 值

HTML5 lang属性

HTML5 lang属性: 此属性规定元素内容的语言. 语法结构: <element lang="language_code"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: (1).HTML5中, lang属性可用于任何的HTML元素 (它会验证任何HTML元素.但不一定是有用). (2).

HTML5 id属性

HTML5 id属性: 此属性规定HTML元素的唯一的标识,在HTML文档中必须是唯一的. 语法结构: <element id="id"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: (1).HTML5中, id属性可用于任何的HTML元素 (它会验证任何HTML元素.但不一定是有用). (

HTML5 dropzone属性

HTML5 dropzone属性: 此属性规定当被拖动的数据在拖放到元素上时,是否被复制.移动或链接. 语法结构: <element dropzone="copy|move|link"> 浏览器支持: (1).IE浏览器不支持此属性. (2).谷歌浏览器不支持此属性. (3).火狐浏览器不支持此属性. (4).Safari浏览器不支持此属性. (5).Opera浏览器不支持此属性. HTML4.01与HTML5之间的差异: dropzone属性是HTML5中的新属性. 属性

HTML5 hidden属性

HTML5 hidden属性: 此属性规定对元素进行隐藏. 隐藏的元素不会被显示. 语法结构: <element hidden> 浏览器支持: (1).IE8以上浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: hidden属性是HTML5中的新属性. 代码实例: <!DOCTYPE html> <html> <