pk10开奖

黄石网站建设

黄石网页设计

黄石网站制作

黄石网络推广

黄石做网站的公司

黄石建站

博强科技

您的当前位置 >> 主页 > 新闻动态 > 网站建设技术 >

网站建设技术

新闻图案

网站制作

使用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号
博强科技版权所有 未经允许不得私自发布转载
document.write ('');