无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

前端基礎(chǔ)-HTML5新特性

2020-3-10    seo達(dá)人

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)點進(jìn)去


<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”



日歷

鏈接

個人資料

存檔