HTML的章节标签&全局属性

2022-03-23 136 阅读1分钟

章节标签

章节标签用于表示文章/书的层级。

标题 h1~h6
章节 section
文章 article
段落 p
头部 header
脚部 footer
主要内容 main
旁支内容 aside
划分 div

&copy; 可以表示版权标签

效果如下：

全局属性

全局属性是指所有标签都拥有的属性。

class

该属性用于增加样式
```
 <div class="num">123</div>
```
.xxxx 可以作用于名字被空格分开的一部分xxxx
contenteditable

它可以让任何元素被用户编辑
```
<div contenteditable>123</div>
```
用户可以编辑123
hidden

它可以让任何元素看不见，但是可以通过css的display展现
```
 <div hidden>123</div>
 
```
123被隐藏
id

和class类似，不推荐使用，因为id名重复也不会报错，而且不能随意命名。如果是全页面唯一的话就用id，否则用class。
```
 <div id="num">123</div>
```
style

每个标签都有style属性。html的style优先级比css要高，但是次于js。因为js会覆盖。
```
 <div style="color:blue">123</div>    
```
123变蓝
tabindex

通过tab访问页面内容（在无鼠标的情况下）
```
 <div tabindex=1>123</div>
 
```
按tab可以选中123

他的访问顺序如下：正数按顺序访问，0最后一个访问，-1无法访问。
title

鼠标移到目标上会显示title的完整内容。
```
 <div title=123>123</div>
 
```
鼠标移到123上会显示123