HTML的全局属性

HTML的全局属性:即所有HTML都拥有的属性

1.class:样式

使用:<div class='color border'> 。class属性可以给标签指定一个样式的类,CSS、JS均能通过class来寻找到标签,赋予该标签样式或者功能。当class有多个值的时候,用空格隔开每个值。

2.contenteditable:可编辑

这是一个无值属性,当标签中出现这个属性的时候,该标签的内容就能够在页面现实中进行编辑。下面代码:通过给 <style> 一个 display:block 让其在页面中也能够现实(<style>必须在<body>中才能实现),赋予一个 contenteditable 属性让其在页面中可以编辑直接改变 .border的样式
<body>
  <style contenteditable style="display:block">
    .border{
      border:1px solid red;
      width: 100px;
      height: 100px;
    }
  </style>
  <div class="border"></div>
</body>

3.hidden:隐藏

这也是一个 无值属性。当标签出现这个属性的时候,其样式display属性的值会变成display:none

4.id:id

id属性作用也是便于CSS和JS的选择。非万不得已的情况下不建议使用id属性。id属性在CSS选择其中没有唯一性,即:2个id="HAHA"的标签会被CSS选择器同时选中。但id属性在JS中具有唯一性,当存在2个相同id时,操作这个id的 JS代码会报错。另外在JS中,可以直接使用id来进行获取元素,如:id.style.border = "1px solid red"

5.style:行内样式

可以使用style = ""来编辑行内样式,行内样式比内联样式,外联样式级别要高。

6.tabindex:tab切换索引

在网页中使用 tab键 能够切换到不同的部分,而 tabindex 属性则是控制这一行为的。
使用:<div tabindex=[number]>。当[number]在1~+∞范围时,tab的切换顺序,根据各标签[number]决定,越小越前,越大越后。其中有个2个特殊值:tabindex = 0 等于0的时候,该元素将是最后一个被tab到的。 tabindex = -1 等于-1时,该元素将永远不会被tab到。

7.title:标题/额外内容

<div title=[value]> 当鼠标悬浮在拥有title属性的标签上一段时间后,会显示title设定的内容。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • id id属性是元素在网页内唯一的标识符, 必须是全局且唯一的 id的属性值不能包含空格 id也可以作为锚点(a...
    意蜀阅读 3,535评论 0 2
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,591评论 0 0
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,097评论 0 3
  • 第一部分 开篇 第一章 HTML5背景知识1 1.1历史 HTML诞生于20世纪90年代初,本书重在讲H5的几个重...
    卧龙Tristan阅读 6,743评论 0 0
  • 问答题1 /72浏览器页面有哪三层构成,分别是什么,作用是什么?参考答案构成:结构层、表示层、行为层分别是:HTM...
    _Yfling阅读 4,951评论 0 23