编程笔记 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元素,并且具有不同的用途。您可以根据您的需要使用这些属性来增强您的网页。

学习方法

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

相关推荐
平头哥技术团队6 小时前
Day 21 _ 页内锚点_给每段起个 id,目录写 href=_#id_,点一下页面就滚到那一段
前端·html·html5
2601_962284177 小时前
欧洲转码指南:后端、前端与全栈开发解析
前端开发·devops·后端开发·全栈开发·欧洲转码指南
bug总结8 小时前
uniapp vue3全局方法注册使用
前端·javascript·uni-app
华无丽言8 小时前
如何在宜搭中实现获取子表中的字段值赋值到父表中?
前端·javascript·低代码
2601_962382439 小时前
剑指大前端全栈工程师(全2册)主要情节
javascript·实战案例·全栈工程师·剑指大前端·html5+css3
泯泷10 小时前
手搓JSVM第 12 篇:完整最小 JSVM 实现与源码设计复盘
前端·javascript·前端框架
默_笙10 小时前
🍔 给 AI 发一张结构化表格(下):从"自由发挥"到"按格填空"的输出驯服指南
前端·javascript
泯泷10 小时前
手搓JSVM第 11 篇:打包、模块与 CLI:把 VM 产物变成可运行文件
前端·javascript·前端框架
泯泷10 小时前
手搓JSVM第 10 篇:对象、数组与属性访问
前端·javascript·前端框架
醉颜凉10 小时前
React触摸事件全解析:掌握移动端交互开发的核心秘籍
react·前端开发·触摸事件·移动端交互·react事件