新增布局标签
概述:在前面课程中,我们学习了很多布局标签【大纲标签】比如DIV p 等等。在超文本标记语言第五次重要修改中,又新增了一些布局标签【七个】,都是双闭合标签,都是块级元素。这个七个布局标签使用方法与div是一样的。
```
<header></header> 表示网站头部 头部标签与DIV性能一样,效果一样。
```
```
<footer></footer> 表示网站底部标签 底部标签与DIV性能一样,效果一样。
```
```
<main></main> 表示网页重要主要部分 重要主要部分标签与DIV性能一样,效果一样。
```
```
<nav></nav> 表示网页导航部分 导航部分标签与DIV性能一样,效果一样。
```
```
<aside></aside> 表示网页侧边栏部分 侧边栏部分与DIV性能一样,效果一样。
```
```
<section></section> 表示段落部分 段落部分与DIV性能一样,效果一样。
```
```
<article></article> 表示网页文章部分 文章部分与DIV性能一样,效果一样。
```
新增了这个7个布局标签也是块元素与DIV一样。
这个7个布局标签都有header footer main nav aside section article 这七个
这个7个有底层解析器解析,让网站更快的响应。
有助于网站的优化。
有助于SEO排名
- 无序标签<ui>,<li>
- 有序列表<ol><li>
- 定义列表标签<dl><dt><dd>
- 表格标签<table >,<tr>,<td>
- 表格分区<caption>,<thead >,<tbody >
- form表单提交
- <DIV><span>标签
- 新增7个布局标签(header footer main nav aside section article)
- 新增语义标签address(地图加载标签)
- 新增文字方向标签bdo标签
- 新增引用含义标签cite
- code标签
- details标签【折叠效果】
- pre标签【预保留格式标签】
- ruby标签【文字加汉语拼音】
- template【模板元素】
- form标签新增9个表单元素
- form标签新增元素属性(2)