编程笔记 html5&css&js 010 HTML全局属性

编程笔记 html5&css&js 010 HTML全局属性

HTML5常用的全局属性

是指可以应用于所有HTML元素的属性。以下是HTML5常用的全局属性及其用法:

  1. class:为元素设置一个或多个类名,用于样式化或脚本操作。

    示例:<div class="container">

  2. id:为元素设置一个唯一的标识符,通常用于通过JavaScript或CSS选择特定的元素。

    示例:<p id="intro">

  3. style:用于为元素设置行内样式。

    示例:<h2 style="color: blue;">Hello World!</h2>

  4. title:为元素设置一个额外的信息,当鼠标悬停在元素上时显示。

    示例:<img src="image.jpg" alt="Image" title="This is an image">

  5. lang:指定元素的语言。

    示例:<html lang="en">

  6. tabindex:指定元素在通过键盘导航时的顺序。

    示例:<input type="text" tabindex="1">

  7. accesskey:定义一个快捷键来激活元素。

    示例:<button accesskey="b">

  8. contenteditable:指定元素是否可编辑。

    示例:<div contenteditable="true">

  9. draggable:指定元素是否可拖动。

    示例:<img src="image.jpg" draggable="true">

  10. hidden:隐藏元素。

    示例:<p hidden>

  11. role:指定元素的角色。

    示例:<div role="navigation">

  12. data-*:自定义属性,用于存储元素相关的数据。

    示例:<div data-id="123">

这些全局属性可以应用于任何HTML元素,并且具有不同的用途。您可以根据您的需要使用这些属性来增强您的网页。

学习方法

按每个属性名称,网上搜索使用方法,并写入自己的练习网页中。

相关推荐
前端 贾公子1 小时前
响应式系统基础:依赖追踪的基础 —— 发布订阅模式(前端应用最广的设计模式)上
javascript·vue.js
gCode Teacher 格码致知2 小时前
Javascript提高:使用canvas绘制一个绚丽的按钮-由Deepseek产生
javascript·css·css3
小四的小六2 小时前
WebView安全防护实战:从XSS到中间人攻击,我的踩坑与防御总结
javascript·webview
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_41:(DOMParser 接口详解)
前端·javascript·ui·html·音视频
threelab3 小时前
Three.js 概率统计可视化 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能
光影少年3 小时前
useLayoutEffect 和 useEffect 区别、使用场景
开发语言·前端·javascript
下雨打伞干嘛3 小时前
redux的使用
开发语言·javascript·ecmascript
small_white_robot3 小时前
idek-2022 web 全wp——持续更新
开发语言·前端·javascript·网络·安全·web安全·网络安全
sp423 小时前
NativeScript 5.1:直接集成 Objective-C 代码
前端·javascript
px不是xp3 小时前
【灶台导航】 RAG系统的容错设计:从向量搜索到关键词降级,一个都不能少
javascript·微信小程序·notepad++·rag