全局属性是所有 HTML 元素共有的属性;它们可以用于所有元素,即使属性可能对某些元素不起作用。
我们可以在所有的 HTML 元素,甚至是在标准里没有指定的元素上指定全局属性。这意味着任何非标准元素仍必须能够允许应用这些属性,即使使用这些元素意味着文档不再是 HTML5 兼容的。例如,虽然 <foo>
不是一个有效的 HTML 元素,但是 HTML5 兼容的浏览器隐藏了标记为 <foo hidden>…</foo>
的内容。
常用的全局属性:
属性名 | 含义 |
---|---|
id |
给标签指定唯一标识,注意: id 是不能重复的。 作用:可以让 label 标签与表单控件相关联;也可以与 CSS 、 JavaScript 配合使用。 |
class |
给标签指定类名,随后通过 CSS 就可以给标签设置样式。 |
style |
给标签设置 CSS 样式。 |
dir |
内容的方向,值: ltr 、 rtl |
title |
给标签设置一个文字提示,一般超链接和图片用得比较多。 |
lang |
给标签指定语言,具体规范和可选值请参考【10. HTML 设置语言】。 |
完整的全局属性,请参考:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>HTML全局属性</title>
<style>
.student {
color: red;
}
</style>
</head>
<body>
<div id="hello1">你好啊!</div>
<div id="hello2">你好啊2!</div>
<div class="student">张三</div>
<div class="student">李四</div>
<div style="color:green">旺财</div>
<bdo dir="rtl">你是年少的欢喜</bdo>
<div dir="rtl">你是年少的欢喜</div>
<div title="英雄联盟">LOL</div>
<a href="https://www.baidu.com" title="去百度">去百度</a>
<div lang="en">hello</div>
</body>
</html>
标签:标签,元素,HTML,全局,CSS,属性
From: https://www.cnblogs.com/zhangxuegold/p/17601077.html