新增布局標簽
概述:在前面課程中,我們學習了很多布局標簽【大綱標簽】比如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)