[TOC]
#### 新增標簽article標簽
article
? article 字面意思為“文章”。在web頁面中表現為獨立的內容,如一篇新聞,一篇評論,一段名言,一段聯系方式
? 代碼獨立的、完整的相關內容塊,一般來說, article 會有標題部分(通常包含在 header 內),有時也會 包含 footer
示例:
<!doctype html>
<title>html5站案例</title>
<body>
<article>
<h1></h1>
<p>主內容</p>
</article>
<aside>
側邊內容
</aside>
</body>
#### 新增標簽section標簽(章節)
? section 字面上理解為“塊”,“部分”。在html5網頁中表現的意思跟字面理解差不多,即部分,塊,模塊,主要作用為對頁面的內容進行分塊或者對文章的內容進行分段。
示例:
<!doctype html>
<article>
<h1>常見水果對比</h1>
<p>市面上常見的水果有蘋果、桃子、梨...</p>
<section>
<h2>蘋果</h2>
<p>蘋果樹屬于薔薇科,落葉喬木,葉橢圓形,有鋸齒。</p>
</section>
<section>
<h2>桃</h2>
<p>薔薇科、桃屬植物,樹冠寬廣而平展;樹皮暗紅褐色,老時粗糙呈鱗片狀</p>
</section>
</article>
#### 新增標簽nav
? 頁面導航的鏈接組
注:
? 并不是所有鏈接都要放在nav中,只需要將主要的鏈接放到nav中
適用場合:
1. 傳統頂部導航條(首頁,關于我們等)
2. 商城左側導航條
3. 頁面分頁部分
示例:
<nav>
<a href="">首頁</a>
<a href="">關于后盾網</a>
</nav>
#### 新增標簽aside
? aside字面理解為“旁邊”,在html5中范圍更廣一點,是跟主內容相關,但是
又可以獨立的內容 ,可以是廣告、引用、側邊欄等等。
適用場合:
1.廣告、引用、側邊欄
示例:
<article>
<h2>新聞列表</h2>
<ul>
主內容
</ul>
</article>
<aside>
<section>
<h3>Html5最新動態</h3>
</section>
<section>
<h3>Html5新增元素</h3>
</section>
<section>
<h3>Html5新增Api</h3>
</section>
<section>
<h2>Html5文章推薦</h2>
</section>
</aside>
<footer></footer>
#### Time標簽
time
? time 字面理解為“時間”,在html5中用于定義元素的時間、日期
或者日期時間。
注:
? pubdate表示發布日期
示例:
<article>
<h2>快學網上線了</h2>
<p>今天是今天是<time datetime="2014-03-06">2014-3-6</time>
<time datetime=“2014-02-25” pubdate=“pubdate”>2014年2月25日
</time>
</article>
#### header標簽
header
? header字面意思為頭部,在html5可以理解為頁頭,文檔頭,頁眉。
示例:
<header>
<h1>Web編程語言比較</h1>
<nav>
<ul>
<li><a href="#asp">asp</a></li>
<li><a href="aspnet">asp.net</a></li>
<li><a href="php">php</a></li>
</ul>
</nav>
<header>
#### footer標簽
footer
? footer字面意思為“頁腳”,“結尾”,在html5中跟字面意思類似,是頁腳和結尾的意思。它與header是相對的一對。footer可以包含該區塊相關的作者信息、相關文檔的鏈接、版權信息、導航、附錄,
索引,長的版本記錄,冗長的許可協議和其他的諸于此類的內容等。
示例:
<footer>
<section>
<h1>友情鏈接</h1>
</section>
后盾網版權所有 copyright houdunwang.com
</footer>
#### address標簽
address
? address字面理解為“地址”,在html5中,它用于文檔或者文章作者或擁有者的聯系信息。注意,這里放的不是字面上理解的“地址”,而是指“聯系信息”,可以包括文檔創建者的名字、站點鏈接、電子郵箱、真實地址、電話號碼等各類聯系信
息。
示例:
<footer>
后盾網
<address>
<ul>
<li>網址:http://www.houdunwang.com</li>
<li>電話:010-64825057</li>
<li>網址:houdunwang.com</li>
</ul>
</address>
</footer>
#### code標簽
? 用于顯示程序代碼。
示例:
<code>
<?php echo "hello word";?>
</code>
#### mark標簽
? 突出顯示文本
示例:
后盾網 <mark>houdunwang.com</mark>
#### ins與del標簽
ins與del
? Ins與del用于顯示突出或刪除的文本
示例:
后盾網址:<ins>houdunwang.com</ins>
百度網址:<del>baidu.com</del>
#### optgroup標簽
? 對select標簽中的option進行分組
示例:
<select name="select" id="select">
<optgroup label="城市">
<option value="beijing">北京</option>
<option value="nanjing">南京</option>
</optgroup>
<optgroup label="sex">
<option value="boy">男</option>
<option value="girl">女</option>
</optgroup>
</select>
#### progress標簽
progress
? 顯示完成的進度
示例:
<progress value="10" max="100"></progress>
<progress value="50" max="100"></progress>
- html&jquery網頁特效
- 標簽分類及特點
- 關于文字標簽
- 網頁定時跳轉
- css透明度和插件
- 0.前端常用工具
- 1.tab切換效果
- 2.tab切換效果多個代碼復用
- 3.百度新聞導航條效果
- 4.解決鼠標移入過快的問題
- 5.滾動條位置
- 6.元素尺寸
- 7.全選反選操作
- 8.固定定位
- 9.開關效果
- 10.節點操作
- 11.仿小米商品展示效果
- 12.仿小米商品展示效果復用
- 13.固定導航欄效果
- 14.凡客輪播圖效果
- 15.頂部下滑廣告效果
- 16.京東左右滑動輪播圖
- 17.京東左右滑動無縫輪播圖
- 18.選擇器
- 19.篩選
- 20.開關效果
- 21.滑動效果
- 22.小米商品效果css實現
- 23.元素水平垂直居中
- laravel5.6
- LARAVEL 介紹&安裝
- javascript & css 腳手架
- php常用工具類
- 安裝laravel-ide-helper增強代碼提示
- 使用migration創建表和數據填充
- 解決mysql5.7以下laravel不能執行數據遷移的問題
- 路由
- 登陸操作自定義模型
- 使用中間件middleware進行登錄權限驗證
- 進行表單驗證處理
- 使用laracasts-flash定制消息提示
- 資源路由
- 寶塔面板安裝fileinfo擴展
- laravel上傳處理與使用hdjs快速實現前端上傳組件
- thinkphp
- phpstorm
- phpstorm安裝插件
- 定義快捷鍵
- 關閉提示
- 將代碼實時同步到遠程服務器
- sublime
- composer
- git使用
- git安裝和配置作者信息
- git新建項目和維護項目
- git日志操作
- git別名操作
- git分支操作
- git生成發布壓縮包
- git系統別名
- gitrebase操作
- 使用SSH與GITHUB遠程服務器進行無密碼連接
- 本地版本庫主動使用remote與遠程GITHUB進行關聯
- 本地分支與GITHUB遠程分支同步
- 項目實戰-新入職員工參與項目開發時分支使用
- 自動部署
- ios開發
- linux
- 1.centos6.5 mysql忘記登入密碼
- html5
- 標簽
- 表單
- 音頻與視頻
- webstorage儲存
- canvas
- css3
- 01.CSS3布局
- 02.transition動畫
- 03.animation動畫
- 04.flex彈性盒模型
- Less
- gulpjs
- es6
- ES6模塊化
- let和const命令
- ES6函數擴展&解構賦值
- JavaScript之數據遍歷
- class類
- Set和Map數據結構
- Vue
- 1.創建第一個應用
- 2.屬性動態綁定
- 3.表達式
- 4.解決phpstorm不識別ECMASCRIPT6語法的問題
- 5.watch監聽屬性
- 6.使用object與array控制class
- 7.條件渲染
- 8.循環
- 9.變異方法
- 10.事件
- 11.表單
- 12.組件
- 13.css過渡動
- 14.js庫控制vue過渡動作
- 15.自定義指令directive
- 16.使用vue-cli初始化單頁面應用
- 17.Vue-router路由
- 18.vuex
- 19.vue-cli
- webpack
- zanui
- nodejs