HTML 全局属性

361 阅读2分钟

全局属性

HTML所有标签都包含的属性

class :给你的标签分一个类,主要是给这个标签做个标记,标记它是class,class可以加多个

contenteditable :可以使任意元素被编辑(用户可以在浏览器上编辑你的内容)

hidden :让一个元素,标签隐藏起来,用户看不见

id :赋予一个元素值
如果一个元素起名为id,那么可以在js里直接调用  
css里可以直接调用id,例如:id="xxx",xxx.style.border ="1px solid green"
有一些系统属性,id不能起一样的名字,否则调用不了
大多数人认为id具有唯一性,但实际上HTML不报错id,所以不到万不得已不要使用id

style :每一个元素可以写style属性

title :鼠标放上去显示完整内容

tabindex :用tab切换鼠标的顺序,0最后访问,-1别访问,123按顺序访问

class属性代码示例

<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
<style>
.middle{
   background: green;
   color: white;
}
.bordered{
   border: 10px solid yellow;
}
</style>
</head>
<body>
<header>我的掘金博客</header>
<div class="middle bordered">
  <div>
    <main>
      <h1>HTML介绍</h1>
      <section>
        <h2>章节标签</h2>
        <p>标题标签h1-h6,章节section,文章article,段落p,头部header,脚部footer,主要内容main,旁支内容aside,划分div</p>
        <section>
          <h3>第一节</h3>
          <p>标题标签 h1-h6</p>
        </section>
        <section>
          <h3>第二节</h3>
          <p>章节section</p>
        </section>
      </section>
    </main>
    <aside>参考资料:HTML MDN</aside>
  </div>
  <footer>&copy;HTML MDN</footer>
</body>

实际效果

class属性
详细HTML资料点击:HTML超文本标记语言