HTML | HTML全局属性

全局属性是所有 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>
posted @ 2023-08-02 16:34  张Zong在修行  阅读(31)  评论(0编辑  收藏  举报