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

操作

本节操作将其他节中涉及到时练习。

学习方法

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

相关文章
|
17天前
|
JavaScript 前端开发 IDE
【编程向导】Js与Ts差异详解:选择与权衡
JavaScript 一直是 Web 开发的基石,以其灵活性和动态性著称,但其松散类型可能导致大型项目中出现难以调试的错误。TypeScript 作为 JavaScript 的超集,通过引入静态类型系统,提供了更高的类型安全性和更好的工具支持,尤其适合大型团队和复杂项目。本文详细对比了 JavaScript 和 TypeScript 的优缺点,并提供了实际代码示例,帮助开发者根据项目需求选择合适的工具。
49 2
|
2月前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
101 33
|
3月前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
124 24
|
3月前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
109 2
|
4月前
|
前端开发 JavaScript 持续交付
提高JavaScript编程效率
提高JavaScript编程效率
49 3
|
4月前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
254 1
|
4月前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
80 3
|
4月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
136 0
html5+three.js公路开车小游戏源码
|
移动开发 JavaScript 前端开发
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
|
前端开发 测试技术
html+css+js+jQuery学习笔记(一)
html+css+js+jQuery学习笔记
140 0
html+css+js+jQuery学习笔记(一)

热门文章

最新文章