您的位置：首页 > Web前端 > HTML5

【HTML5学习笔记】14：全局属性和其它

2017-06-12 21:30 645 查看

这节学习HTML5中的HTML实体、HTML核心构成的元数据、全局属性。

实体

HTML实体就是在页面上无法正常显示出来的特殊字符，通过实体代码将它显示出来。

元数据

1.指定名值元素对

格式<meta name="" content="">

2.声明字符编码

格式<meta charset="">

3.模拟HTTP标头字段

格式<meta http-equiv="" content="">

全局属性

1.id属性

给元素分配一个唯一标识符，用来给CSS和JavaScript选择元素，id不能重复。

2.class属性

用来给元素归类，为一个或者多个元素同时设置CSS样式，class属性相同时即为同一类。

3.accesskey属性

表单的快捷键操作，windows下Alt+制定键，前提是和浏览器不冲突。

4.contenteditable属性

让文本处于可编辑状态，以更改文本的内容。

5.dir属性

设置文本的方向，从左到右，从右到左。

6.hidden属性

隐藏元素。

7.lang属性

局部设置语言。

8.title属性

对元素的内容进行额外的提示。

9.tabindex属性

设置在表单中按下Tab键获取焦点的顺序，如果是-1则不会被选中。

10.style属性

设置行内CSS样式。

*测试代码

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>全局属性和其它</title>
<!-- <meta charset="utf-8"> -->
<meta name="author" content="lzh"><!-- 作者 -->
<meta name="keywords" content="html5,lzh"><!-- 关键字 -->
<meta http-equiv="content-type" content="text/html charset=utf-8">
<!-- <meta http-equiv="refresh" content="3;http://www.baidu.com"><!-- 3秒钟自动刷新到百度页面 --> -->
<style t
4000
ype="text/css">
#abc{
color: red;
}
.abc{
color: blue;
}
</style>
</head>

<body>
<div>
<music>
我 你
<b style="font-size: 100px;">©</b>
<br>
<p id="abc">这是id</p>
<p class="abc">这是class</p>
<p class="abc">这是class</p>
<p class="abc">这是class</p>
<input type="text" name="user" accesskey="n">按下alt+n获取光标
<p contenteditable="true">修改这里的文本</p>
<p dir="rtl">文字到右边了</p>
<p hidden>隐藏这里的文字</p>
<p lang="en" title="这是HTML5提示" style="color: orange;">HTML5</p>
<input type="text" name="user1" tabindex="2">
<input type="text" name="user2" tabindex="1">
<input type="text" name="user3" tabindex="3">
</body>
</html>

运行结果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航