设计、建站、维护
始于2004年
当前位置:首页 > 网站维护

HTML5+css3的精髓

发表日期:2017-6-4 作者来源:派谷网络 浏览次数:7465

看了几个网上推荐的html5 css3 的网站,还是有很多大量的div ,id, class,就为了加几个新的标签,这就结构语义化了吗,这就叫html5吗?
 
HTML5应该是指基于javascript的大量浏览器操作API,而不只是几个HTML语义化标签。
例如:
本地存储相关的localStorage、sessionStorage、indexDB、WEBSQL 等。
图形动画相关的:SVG、canvas、WEBGL、webworker。
socket通信相关的:基于浏览器客户端的websocket。
多媒体相关的:video,audio。
文件相关的:FileReader etc.
 
CSS3是指在CSS2规范基础上,高级浏览器可以识别的一些高级行为样式,如:圆角:border-radius;阴影:box-shandow;旋转、动画、背景渐变、等等,诸多特性,以及更加丰富的CSS选择器。
 
HTML5-CSS3的绝大部分特性在IE6\7上面是根本不能被识别的,因此那些想要推广HTML5-CSS3的站点自己的网站肯定还是不能以这些高级特性为主。
 
PS:目前HTML5-CSS3主要活跃在移动端的智能手机上面,因为手机浏览器的支持还是相当好的。
 
Header 页头标签
首先,你会注意到 <header>,你明白的。你可以在页面使用此 header 页头标签,通常 header 页头标签里可以放置 logo 标识和导航。
 
Nav 导航标签
<nav> 标签现在让我们有能力通过 HTML 突出站点导航。它通常被放置与页面的页头标签中,但也可以在边栏中设置为左、右导航。
 
Section 节标签
例如,简介、作品集、联系方式等所有页面中设置的区段,他们都被放置于 section 节标签中。
 
Footer 页脚标签
在靠近实例片段的结尾部分你会发现 <footer> 标签。该标签包含在<section id="contentcontainer"></section> 而不是位于代码的末尾,这是因为该标签中关于微博的链接与 <section id="contact"> 里的内容有相关性。
footer 页脚标签代表一个离 section 节标签内容或 section 节标签根标签最近的页脚。
footer 页脚标签通常包含与作者、相关链接及版权信息等有关的部分。
footer 页脚标签并不一定要出现在片段的结束位置,但通常都如此。
本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

企业网站制作的一般流程...

企业网站制作是一个系统的过程,一般需要经过规划与设计、开发与...

日期:2025-3-17 浏览次数:1378

在制作企业网站前期需要...

在制作企业网站前期,需要准备多方面的资料,这些资料将为网站的...

日期:2025-3-17 浏览次数:1402

网站建设的流程一般包括...

网站建设是一个系统性的工作,其流程一般涵盖从前期规划到后期维...

日期:2025-3-16 浏览次数:2315

网站建设对于企业有哪些...

在数字化时代,网站建设对于企业而言具有多方面的重要意义,具体...

日期:2025-3-16 浏览次数:2208

企业建设网站的好处...

一、企业为什么要上网注册了域名就相当于在因特网上给自己的公司...

日期:2025-3-12 浏览次数:3829

网站建设解决方案
  • 网站维护解决方案
  • 企业门户网站集约化解决方案
  • 营销型网站解决方案
  • 养老院行业网站建设解决方案
  • 医院诊所网站建设解决方案
  • 手机数码行业网站建设方案
  • 外贸公司网站建设解决方案
  • 金融网站建设解决方案
  • 行业协会类网站建设解决方案
  • 品牌官网网站建设方案