编程笔记 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 小时前
jeecg-boot-base-core 02 day
javascript·python
烬羽6 小时前
后端返回的 JSON 字符串,浏览器怎么"看懂"的?——Ajax 全链路拆解
javascript
半个落月7 小时前
一个新手用 Bun + Axios 调通 DeepSeek API 的实践记录
javascript
不好听6137 小时前
深入理解链表:线性数据结构的另一面
javascript·数据结构
林希_Rachel_傻希希7 小时前
学React治好了我的焦虑症,1小时速通React 前20分钟。
前端·javascript·面试
小林ixn7 小时前
从 Ajax 到异步编程:JSON 序列化、Event Loop 与 XHR 请求完全解析
javascript
丷丩9 小时前
MapLibre GL JS第47课:添加动画图标
javascript·gis·动画·mapbox·maplibre
小小19929 小时前
idea 配置less转化为css
前端·css·less
hhb_6189 小时前
Less嵌套避坑:优先级冲突实战解析
前端·css·less
快乐的哈士奇9 小时前
【Next.js实战①】Gmail API 按柜号检索邮件:OAuth 双 Cookie 与搜索 Fallback
开发语言·javascript·ecmascript