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

2023-12-28 13:08:11

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

学习方法

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

文章来源:https://blog.csdn.net/qq_40071585/article/details/135265291
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。