一点红+猪圆玉润|龙头蛇尾

黃石網站建設

黃石網頁設計

黃石網站制作

黃石網絡推廣

黃石做網站的公司

黃石建站

博強科技

您的當前位置 >> 主頁 > 新聞動態 > 網站建設技術 >

網站建設技術

新聞圖案

網站制作

使用Html5+CSS3的優勢

中國網絡營銷推廣專家

一:大多瀏覽器支持,低版本也沒問題

    我看點這方面的資料,是為了做手機應用網站(有三個方案,這個是備用方案),可以開發響應式網站,可以脫離開發平臺進行跨平臺。

    在Html5網頁中引入Modernizr,就能讓IE支持HTML5新元素。

    HTML5樣板文件快速開發(html5boilerplate.com)



二:布局、標簽省時省力  
[html] view plaincopyprint?  <header>       <!--語義相當于<div class="header">-->       <nav>導航</nav>   </header> 



這樣開發者就不用標記標簽的結束位置了,定位時會很方便,也易于搜索引擎進行判斷。

<header>定義頁面或區段的頭部;

<footer>定義頁面或區段的尾部;

<nav>定義頁面或區段的(主)導航區域;

<section>頁面的邏輯區域或內容組合,比如一個用于“簡介”,另一個用于“新聞列表”。

<article>定義正文或一篇完整的內容,能被直接粘貼到別的地方有獨立意義,比如“博客正文”。

<aside>定義補充或相關內容,側邊欄,廣告欄等。

<a>標簽可以包含多個標簽
[html] view plaincopyprint?  <a href="index.html"><h2>一</h2><img src="home.jpg"></a> 

<vedio>、<audio>快速添加視頻、音頻
[html] view plaincopyprint?  <video src="myVideo.ogg" controls w idth="640" height="480">這里提示你沒有使用支持HTML5的瀏覽器</video> //controls播放控制欄;支持ogg和mp4格式;響應式視頻:普通情況可以使用max-width:100% height:auto,如果是外部<iframe>視頻,則使用FitVids的 jQuery插件 


三:離線Web應用

    通過.manifest文件指定哪些文件可以離線訪問的



四:更靈活的CSS3

01.可以多欄顯示文本

column-width:12em; //試了幾個瀏覽器好像很多無效的~



02.眾多選擇器

body[id="2^"]{}  //id為"2"開頭的標簽

li:first-child 、 li:last-child  //針對列表的首尾項

[html] view plaincopyprint?  li:nth-child(2n+1)//第“1”個li元素起,每“2”個顏色為紅色                      color: red;       }      <ul>       <li>һһһһһ</li> 
收縮

QQ在線客服

  • 在線咨詢
  • 客服001
  • 客服001
  • 售后服務
  • 客服001
黃石建站

QQ在線客服

首 頁 新聞動態 案例展示 服務范圍 關于我們 聯系我們 客戶需求 網站地圖
電話:13597671188 QQ:494602646 黃石網站建設-博強科技 Copyright © 2013-2014 All Rights Reserved 鄂ICP備12000085號
博強科技版權所有 未經允許不得私自發布轉載
一点红+猪圆玉润 pk10稳定计划软件免费 福建快3形态走势图一定牛 华体网即时指数澳门球盘开户 哪个免费赚钱的农场好 澳门金龙真人秀时间 吉林11选5 双色球保本的玩法 排三组六6码遗漏 河南22选5开奖 新时时彩 时时彩稳赢技巧7年心得 真实的电脑挂机赚钱软件 pk10 福建快3开奖一定牛 股息赚钱吗 吉林快三开奖结果直播