2020-3-10 seo達人
html5的新特點
1.語法更簡單
a) 頭部聲明
<!doctype html>
b) 簡化了字符集聲明
<meta charset="utf-8">
2.語法更寬松
a) 可以省略結(jié)束符的標(biāo)簽
li、dt、dd、p、optgroup、option、tr、td、th
b) 可以完全省略的標(biāo)簽
html、head、body
3.標(biāo)簽語義化
增加了很多標(biāo)簽,在作頁面的時候更加具有語義(定義了一些原本沒有語義的div模塊為有鮮明結(jié)構(gòu)的語義模塊)
a) <header>標(biāo)記定義一個頁面或一個區(qū)域的頭部
b) <nav>標(biāo)記定義導(dǎo)航鏈接
c) <article>標(biāo)記定義一篇文章內(nèi)容
d) <section>標(biāo)記定義網(wǎng)頁中一塊區(qū)域
e) <aside>標(biāo)記定義頁面內(nèi)容部分的側(cè)邊欄
f) <footer>標(biāo)記定義一個頁面或一個區(qū)域的底部
語義化標(biāo)簽圖示
4.表單新增常用屬性------要求掌握
required:必填
placeholder:輸入內(nèi)容提示
autofocus:自動獲取焦點-----自動幫我們將光標(biāo)點進去
<form method="post" action="http://www.baidu.com">
<!-- required 必填,必須的 -->
<!-- 自動獲取焦點----自動將光標(biāo)定位到表單中 -->
<input type="text" placeholder="請輸入用戶名" autofocus="autofocus" required="required" />
<input type="submit" />
</form>
5.input新增type屬性值
a) type=“email”,文本框中只能輸入email地址
b) type=“date”,日期控件
c) type=“time”
d) type=“month”
e) type=“week”
f) type=“number”,喚醒數(shù)字鍵盤
g) type=“range”,滑塊
h) type=“color”
藍藍設(shè)計的小編 http://www.teruid.com