• 南京不动产登记今年第二次提速 ——凤凰网房产南京 2019-05-20
  • 全国取得专利代理人资格人数达3.7万 2019-05-19
  • 计划经济走向完美,看搞好公有制计划经济存在不好说来看看?是统得太死还是要这样做才科学? 2019-05-11
  • 当粮食能满足社会需要时,就可以给年轻人设计一个轻松的环境,唱唱跳跳轻松就业,大家都会说政府真好 2019-05-03
  • 青年歌手田一歌出席《传唱中国》传承经典传递正能量 2019-05-01
  • 认真落实全面从严治党要求 深入推进新时代机关党建工作 2019-04-30
  • 坚守使命 继往开来 持续讲好中国故事 2019-04-30
  • 联大通过保护巴勒斯坦平民决议 2019-04-30
  • 近十年自主创业大学毕业生比例明显上升 创业需要注意啥? 2019-04-27
  • 端午话药浴:探秘藏东山谷里的藏药浴 2019-04-20
  • 台海形势趋于严峻,我们或将面临新的台海危机! 2019-04-20
  • 我省首例侵犯公民个人信息案终审宣判 2019-04-19
  • 你反来复去说“客观事实及其规律”,自己数一下,都说了几遍了,还不是老年痴呆?要你解释一下什么是“客观事实”,又装聋作哑。 2019-04-19
  • 小米之家南京旗舰店今日正式开业 2019-04-16
  • 《世界杯相对论》:谁能站本届世界杯的C位? 2019-04-16
  • 首页 > 网页教程 > HTML > 如何用HTML5制作网页?

    广东快乐十分杀一码:如何用HTML5制作网页?

    时间:2010-06-19    作者:网友   来源:互联网

    快乐十分推荐直选号码 www.fenos.net 根据你们询问的人,HTML 5不是迈向创造更语义化的网络的下一个重要步伐,就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。

    争论双方的问题在于,很少的站点在自然环境下使用HTML 5,所以现在所认识到的问题的理论解决方案仍然在很大程度上未经考验。

    即便如此,我们不难发现下一代网络标记工具的好处和潜在的问题。

    内容章节

    1. HTML 5有什么不同?
    2. 最终,一个任何人都可以记住的文档类型
    3. 最基本的语义结构
    4. <header>
    5. <nav>
    6. <section>
    7. <article>
    8. <aside>
    9. <footer>
    10. 把他们放在一起
    11. 为新元素编写样式
    12. 兼容老的浏览器
    13. 现在你可以使用HTML 5了,但你会用么? 

     
    HTML 5有什么不同?

    首先,我们通过HTML 5表达什么?First off, what do we mean by HTML 5?理论上,我们表达所有的事——新的语义结构标签,例如canvas或者离线储存等API规范,以及新的内联语义标签。尽管如此,我们把实际的原因 (PS:浏览器支持问题)仅仅局限于结构标签。canvas,离线储存,本地视频或者地理定位API都很绝妙,然而他们还不能被所有浏览器一致的支持。

    “但是等等”你说,“大多数浏览器也都不支持新的结构元素!”这是真的,但他们中的绝大多数将 会很乐意去接受你想要创建的任何标签。甚至连IE6也可以处理新标签,尽管如果你想要使用CSS设置样式,你需要一点JavaScript的帮助。

    当你对新标签设置样式时,你需要记住一件事,那就是未知标签在大部分浏览器中没有默认样式。他 们同时被认为是行级元素。尽管如此,由于大部分HTML 5的新标签可以构造,我们将让他们拥有块级元素的行为。解决方法是确认你在CSS样式中包含了display:block;。

    为了帮助了解当今HTML 5的一些新玩意儿,我们现在就进入正题,开始使用一些新的结构元素。

    最终,一个任何人都可以记住的文档类型

    我们创建HTML 5文档第一件需要做的事情就是使用新的文档类型。现在,如果你还清楚的记得HTML 4或者XHTML 1.x的文档类型,你真是一个比我们更强的淘气鬼。每当我们新建一个页面,我们必须打开一个旧的文件,剪切并粘贴文档类型定义。

    这真是痛苦,也是为什么我们喜欢新的HTML 5文档类型。你准备好了么?他出现了:

    <!DOCTYPE html> 

    不会太难记。简单并且容易理解。不区分大小写。

    这个构想是停止HTML版本化,使向后兼容变得更容易。从长远看是否成功是另外的事情,但至少 他节省了你输入的平均时间。

    最基本语义结构

    我们已经将我们的页面定义为HTML 5文档。到现在为止,一切都还不错。现在,这些我们已经听说的新标签到底是什么?

    在我们钻研新标签前,想想你一般网页的结构,大概像这样:

    <html>     
         <head> 
         ...stuff...
        </head>
         <body> 
             <div id="header"> 
                 <h1>My Site</h1> 
             </div> 
             <div id="nav"> 
                 <ul> 
                     <li>Home</li> 
                     <li>About</li> 
                     <li>Contact</li> 
                 </ul> 
             </div> 
             <div id=content> 
                 <h1>My Article</h1> 
                 <p>...</p> 
             </div> 
             <div id="footer"> 
                 <p>...</p> 
             </div> 
         </body> 
     </html> 

    相关推荐
    能让IE支持HTML5的解决方案
    谷歌弃Gears浏览器插件 转重点开发HTML5
    采用HTML5搭建的多个网站尝鲜试用
    体验HTML5 Canvas对象的强大 五款在线绘图应用示例
    HTML5新特性:用链接预取功能给网站提速
    神奇的HTML5动画效果演示网站
    网页设计师必收藏的十五个HTML5资源
    十三个网站案例让你提前体验HTML5和CSS3的魅力
    基于HTML5的绘图程序Muro,支持Wacom手写绘图板
    HTML5的一些的趣味小应用
    HTML5、CSS和JavaScript与Web移动应用的未来趋势
    十款基于HTML5开发的精彩WEB应用(HTML5网站演示)
    学好HTML5必备的七个在线资源推荐
    HTML5教程之表单功能详解
    四个HTML 5标签、属性、事件及浏览器兼容性速查表分享
    15个采用HTML5实现的网站界面设计欣赏
    HTML5的革新:语义更明确简洁的结构
    21款效果惊艳基于HTML5的应用程序欣赏
    16个颇具创意的HTML5网站设计
    能让IE浏览器也支持HTML5标准的办法
    25个超炫的HTML5+CSS3网页应用案例欣赏
    2012年Web开发有关HTML5的14个预测
    新手入门:HTML5是什么?
    35个WEB开发必备的实用HTML5教程
    18个国外HTML5网站布局编码教程分享
    10款HTML5框架推荐,WEB开发必备利器
    8款很酷基于HTML5技术的网站设计欣赏
    详解有关于HTML5的七个误解
    10个超炫酷的HTML5和JS技术实验性演示网站
    8个优秀的基于HTML5的信息图网站欣赏
    网页使用HTML5代码需兼容IE的写法分享
    HTML5新手入门教程之第一篇:什么是HTML5?
    从9个不同的方面深入分析HTML5的性能
    Google推荐:HTML5代码的15条规范
    HTML5能否成为未来移动互联网的APP?
    HTML5大纲算法对结构的影响 网页优化必学

    精彩推荐

    热门教程

  • 南京不动产登记今年第二次提速 ——凤凰网房产南京 2019-05-20
  • 全国取得专利代理人资格人数达3.7万 2019-05-19
  • 计划经济走向完美,看搞好公有制计划经济存在不好说来看看?是统得太死还是要这样做才科学? 2019-05-11
  • 当粮食能满足社会需要时,就可以给年轻人设计一个轻松的环境,唱唱跳跳轻松就业,大家都会说政府真好 2019-05-03
  • 青年歌手田一歌出席《传唱中国》传承经典传递正能量 2019-05-01
  • 认真落实全面从严治党要求 深入推进新时代机关党建工作 2019-04-30
  • 坚守使命 继往开来 持续讲好中国故事 2019-04-30
  • 联大通过保护巴勒斯坦平民决议 2019-04-30
  • 近十年自主创业大学毕业生比例明显上升 创业需要注意啥? 2019-04-27
  • 端午话药浴:探秘藏东山谷里的藏药浴 2019-04-20
  • 台海形势趋于严峻,我们或将面临新的台海危机! 2019-04-20
  • 我省首例侵犯公民个人信息案终审宣判 2019-04-19
  • 你反来复去说“客观事实及其规律”,自己数一下,都说了几遍了,还不是老年痴呆?要你解释一下什么是“客观事实”,又装聋作哑。 2019-04-19
  • 小米之家南京旗舰店今日正式开业 2019-04-16
  • 《世界杯相对论》:谁能站本届世界杯的C位? 2019-04-16
  • 香港六合彩官网 德州扑克在线 新疆时时彩自由的百科 天津时时彩是福彩吗 北京快乐8属于违法吗 燕赵风采20选五走势图 排列五综合走势图 北京赛车大小改单是真的吗 混合过关投注技巧 大乐透走势图1800期 香港开奖现场结果直播 天津时时彩开奖直播版 河北时时彩计算公式 中国福利彩票官网杭州 足球比分188 体彩十二生肖时时彩