前端基礎-HTML5新特性

2020 年 4 月 7 日
筆記

html5的新特點

1.語法更簡單

a) 頭部聲明

<!doctype html>

b) 簡化了字符集聲明

<meta charset="utf-8">

2.語法更寬鬆

a) 可以省略結束符的標籤

li、dt、dd、p、optgroup、option、tr、td、th

b) 可以完全省略的標籤

html、head、body

3.標籤語義化

增加了很多標籤，在作頁面的時候更加具有語義（定義了一些原本沒有語義的div模塊為有鮮明結構的語義模塊）

a) <header>標記定義一個頁面或一個區域的頭部

b) <nav>標記定義導航鏈接

c) <article>標記定義一篇文章內容

d) <section>標記定義網頁中一塊區域

e) <aside>標記定義頁面內容部分的側邊欄

f) <footer>標記定義一個頁面或一個區域的底部

語義化標籤圖示

4.表單新增常用屬性——要求掌握

required：必填

placeholder：輸入內容提示

autofocus：自動獲取焦點—–自動幫我們將光標點進去

<form method="post" action="http://www.baidu.com">  <!-- required 必填，必須的 -->  <!-- 自動獲取焦點----自動將光標定位到表單中 -->  	<input type="text" placeholder="請輸入用戶名" autofocus="autofocus" required="required" />      <input type="submit" />  </form>