首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

HTML5教程(二)–结构

作者：WSSDRED_935 | 来源：互联网 | 2013-07-25 13:18
由于缺少结构，即使是形式良好的HTML页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、

由于缺少结构，即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素，专门用来标识这些常见的结构：
· section：这可以是书中的一章或一节，实际上可以是在 HTML 4 中有自己的标题的任何东西
· header：页面上显示的页眉；与 head 元素不一样
· footer：页脚；可以显示电子邮件中的签名
· nav：指向其他页面的一组链接
· article：blog、杂志、文章汇编等中的一篇文章
我们来考虑一个典型的 blog 主页，它的顶部有页眉，底部有页脚，还有几篇文章、一个导航区和一个边栏，见代码1 典型的 blog 页面

 
 
 
 
 
 
 
 
 
 

Yesterday I joined the Brooklyn Bird Club for our

 annual trip to Western New Jersey, specifically Hyper
 Humus, a relatively recently discovered hot spot. It
 started out as a nice winter morning when we arrived
 at the site at 7:30 A.M., progressed to Spring around
 10:00 A.M., and reached early summer by 10:15.

 
 
 
 
 

Seems you can now go

 haven’t been able to test it out yet (20 user
 limit apparently) but this is certainly cool.
 Personally, I can’t imagine it replacing
 actually being out in the field by any small amount.
 On the other hand, I’ve always found it quite
 sad to meet senior birders who are no longer able to
 hold binoculars steady or get to the park. I can
 imagine this might be of some interest to them. At
 least one elderly birder did a big year on TV, after
 he could no longer get out so much. This certainly
 tops that.

 
 
 
 
 
 
 

  • Info

    •  
     
     

  • Archives

    •  
     
     
     
     
     
     

    Copyright 2007 Elliotte Rusty Harold

     
     
     
     
     即使有正确的缩进，这些嵌套的 div 仍然让人觉得非常混乱。在 HTML 5 中，可以将这些元素替换为语义性的元素，见代码2 用 HTML5编写的典型blog页面
     
     
     
     
     
     
     
     
     
     

    Yesterday I joined the Brooklyn Bird Club for our

     annual trip to Western New Jersey, specifically Hyper
     Humus, a relatively recently discovered hot spot. It
     started out as a nice winter morning when we arrived at
     the site at 7:30 A.M., progressed to Spring around 10:00
     A.M., and reached early summer by 10:15.

     
     
     

    Seems you can now go

     haven’t been able to test it out yet (20 user
     limit apparently) but this is certainly cool.
     Personally, I can’t imagine it replacing
     actually being out in the field by any small amount.
     On the other hand, I’ve always found it quite
     sad to meet senior birders who are no longer able to
     hold binoculars steady or get to the park. I can
     imagine this might be of some interest to them. At
     least one elderly birder did a big year on TV, after
     he could no longer get out so much. This certainly
     tops that.

     
     
     
     
     
     
     

  • Info

    •  
     
     

  • Archives

    •  
     
     
     
     
     
     

    Copyright 2007 Elliotte Rusty Harold

     
     
     

    现在不再需要 div 了。不再需要自己设置 class 属性，从标准的元素名就可以推断出各个部分的意义。这对于音频浏览器、手机浏览器和其他非标准浏览器尤其重要


    推荐阅读
    • int

      jQuery Flot 数据可视化插件：高效绘制图表的专业工具

      jQuery Flot 数据可视化插件：高效绘制图表的专业工具
      jQuery Flot 是一款高效的数据可视化插件，专为绘制各种图表而设计。该工具支持丰富的图表类型和自定义选项，适用于多种应用场景。用户可以通过其官方网站获取示例代码和下载资源，以便快速上手和使用。 ... [详细]
    • int

      Twitter架构深度解析与学习心得

      作为140字符的开创者，Twitter看似简单却异常复杂。其简洁之处在于仅用140个字符就能实现信息的高效传播，甚至在多次全球性事件中超越传统媒体的速度。然而，为了支持2亿用户的高效使用，其背后的技术架构和系统设计则极为复杂，涉及高并发处理、数据存储和实时传输等多个技术挑战。 ... [详细]
    • select

      如何在Hive中合理配置Map和Reduce任务数量以优化不同场景下的性能表现

      在Hive中合理配置Map和Reduce任务的数量对于优化不同场景下的性能至关重要。本文探讨了如何控制Hive任务中的Map数量，分析了当输入数据超过128MB时是否会自动拆分，以及Map数量是否越多越好的问题。通过实际案例和实验数据，本文提供了具体的配置建议，帮助用户在不同场景下实现最佳性能。 ... [详细]
    • select

      千万级数据表中高效去除重复记录的方法与策略

      在处理历史交易表时，发现存在部分重复交易记录，需进行数据清理。为解决此问题，考虑构建一个临时表，并采用SQL Server ODBC工具进行数据的导入与导出操作，以实现高效去重。此外，建议结合索引优化和批处理技术，进一步提升数据处理效率和系统性能。 ... [详细]
    • include

      BZOJ1034 详细解析与算法优化

      BZOJ1034 详细解析与算法优化
      本文深入解析了BZOJ1034问题，并提出了优化算法。通过借鉴广义田忌赛马的贪心策略，当己方当前最弱的马优于对方最弱的马时进行匹配；同样地，若己方当前最强的马优于对方最强的马，也进行匹配。此方法在保证胜率的同时，有效提升了算法效率。 ... [详细]
    • include

      ESP32 IRAM 内存优化策略与实践总结

      ESP32 IRAM 内存优化策略与实践总结
      本文总结了针对ESP32 IRAM内存溢出问题的优化策略与实践经验。通过详细分析ESP32的内存结构和IRAM分配机制，提出了一系列有效的解决方案，包括代码优化、内存管理技巧和编译器配置调整，旨在帮助开发者有效解决`.espressif/tools/xtensa-esp32-elf/esp-2`等类似错误，提升系统性能和稳定性。 ... [详细]
    • client

      探索SmartClient安装挑战，分享IssueVision与TaskVision源代码以助顺利上手

      在学习SmartClient过程中，许多开发者会参考IssueVision和TaskVision这两个示例程序。然而，这些程序的安装过程较为复杂，特别是对数据库配置有较高要求。为了帮助初学者顺利上手，本文将详细分享这两个程序的源代码，并提供详细的安装指南和常见问题解决方案，确保用户能够快速、顺利地完成安装和配置。 ... [详细]
    • client

      秋叶与萧秋水共读《史玉柱亲述营销智慧》精华笔记

      在从深圳返回武汉的旅途中，我购买并阅读了《史玉柱亲述营销智慧》一书。我对史玉柱的兴趣源于对其脑白金广告策略演变的观察，最初是出于对其营销手法的质疑和批评。然而，随着对书中内容的深入理解，逐渐认识到他独特的营销理念和策略背后的深刻洞察力。这本书不仅详细剖析了史玉柱的商业成功之路，还提供了许多实用的营销技巧和经验分享，对于希望提升自身营销能力的读者来说，具有极高的参考价值。 ... [详细]
    • client

      深入解析IO复用技术及其在C10K问题中的应用

      本文深入探讨了IO复用技术的原理与实现，重点分析了其在解决C10K问题中的关键作用。IO复用技术允许单个进程同时管理多个IO对象，如文件、套接字和管道等，通过系统调用如`select`、`poll`和`epoll`，高效地处理大量并发连接。文章详细介绍了这些技术的工作机制，并结合实际案例，展示了它们在高并发场景下的应用效果。 ... [详细]
    • client

      我只是一个技术娴熟的编程专家

      作为一名技术娴熟的编程专家，我通过多年的经验积累和对代码片段的系统总结，几乎无需额外查阅资料。相比之下，普通开发人员在项目开发中通常需要花费10%-20%的时间用于资料查询。我特别注重代码的复用性和高效性，这不仅提高了开发效率，还保证了代码的高质量和可维护性。 ... [详细]
    • window

      实现 Silverlight 应用程序中的多窗口功能

      本文探讨了在 Silverlight 应用程序中实现多窗口界面的方法，通过引入浮动窗口组件，增强了应用的交互性和用户体验。该方案详细介绍了技术实现过程，包括窗口管理、布局调整及跨窗口通信机制，为开发者提供了实用的参考。 ... [详细]
    • select

      如何在PHP中实现链接输出与字符串连接的操作技巧

      如何在PHP中实现链接输出与字符串连接的操作技巧 ... [详细]
    • match

      自定义文本的烟花效果，专为清洁工人设计

      本文介绍了一种专为清洁工人设计的自定义文本烟花效果。通过该功能，用户可以输入特定的感谢或祝福语句，系统将生成绚丽的烟花动画，以表达对清洁工人的敬意和感激之情。该特效不仅美观，还能增强用户的互动体验，提升公共场合的氛围。 ... [详细]
    • client

      在Python 3环境中实现离线模块安装的方法与技巧

      在Python 3环境中，当无法连接互联网时，可以通过下载离线模块包来实现模块的安装。具体步骤包括：首先从PyPI网站下载所需的模块包，然后将其传输到目标环境，并使用`pip install`命令进行本地安装。此方法不仅适用于单个模块，还支持依赖项的批量安装，确保开发环境的完整性和一致性。 ... [详细]
    • command

      多种实现 Windows 定时自动执行任务的专业技巧与方案

      多种实现 Windows 定时自动执行任务的专业技巧与方案
      在Windows系统中，实现定时自动执行任务有多种专业技巧和方案。常见的方法包括：使用Windows任务计划程序、开发Windows服务以及利用SQL Server Agent作业。这些方法被广泛应用于各种自动化场景，多数技术人员对此都有所了解。 ... [详细]
    author-avatar
    WSSDRED_935
    这个家伙很懒，什么也没留下！
    Tags | 热门标签
    RankList | 热门文章
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有