编程笔记 html5&css&js 010 HTML全局属性
HTML5常用的全局属性
是指可以应用于所有HTML元素的属性。以下是HTML5常用的全局属性及其用法:
-
class:为元素设置一个或多个类名,用于样式化或脚本操作。
示例:<div class="container">
-
id:为元素设置一个唯一的标识符,通常用于通过JavaScript或CSS选择特定的元素。
示例:<p id="intro">
-
style:用于为元素设置行内样式。
示例:<h2 style="color: blue;">Hello World!</h2>
-
title:为元素设置一个额外的信息,当鼠标悬停在元素上时显示。
示例:<img src="image.jpg" alt="Image" title="This is an image">
-
lang:指定元素的语言。
示例:<html lang="en">
-
tabindex:指定元素在通过键盘导航时的顺序。
示例:<input type="text" tabindex="1">
-
accesskey:定义一个快捷键来激活元素。
示例:<button accesskey="b">
-
contenteditable:指定元素是否可编辑。
示例:<div contenteditable="true">
-
draggable:指定元素是否可拖动。
示例:<img src="image.jpg" draggable="true">
-
hidden:隐藏元素。
示例:<p hidden>
-
role:指定元素的角色。
示例:<div role="navigation">
-
data-*:自定义属性,用于存储元素相关的数据。
示例:<div data-id="123">
这些全局属性可以应用于任何HTML元素,并且具有不同的用途。您可以根据您的需要使用这些属性来增强您的网页。
学习方法
按每个属性名称,网上搜索使用方法,并写入自己的练习网页中。