HTML5 新标签: <aside>

  • HTML5基础实战 - 第一部分：初试锋芒(4) Aside和Footer

    2011-09-16 15:25

    Aside区

    Acme United规划中的Aside区可通过使用<aside>标签来创建。这一标签被看作是用来存放补充内容的地方，这些内容不是其所补充的一篇连续文章的组成部分。在杂志上，插入语(aside)通常被用来突出文章本身所制造的一个观点。<aside>标签包含的内容可被删除，而这不会影响到包含了该内容的文章、章节或是页面所要传达的信息。

    清单10提供了< aside>标签用法的一个例子。

    清单10. < aside>标签的例子

    阅读全文
    文章分类: 综合实战
    文章标签: CSS3 , JavaScript , 用户体验 , 语义化
    HTML5新标签: <aside> , <footer>

  • HTML5+CSS3 综合实战 I (4) 各组件代码及整合

    2010-11-27 13:28

    继续上期的“HTML5+CSS3 综合实战 I (3) 页面代码”话题，这次来具体了解一下每个页面组件的代码及最终整合。

    首先是头部；根据W3C的定义规范：

    header元素用来呈现一组具有介绍或导航性质的元素。

    根据设计图，在我们的实战页面中，头部包括站点名称，站点描述以及全局导航；所以使用<header>标签完全符合逻辑。另外，我们要在<header>中使用<nav>来做全局导航；根据W3C的定义规范：

    nav元素是一个可以用来作为页面导航的链接组；其中的导航元素链接到其他页面或当前页面的其他部分。

    接下来我们结合着局部设计图，来看看<header>部分的详细代码：

    阅读全文
    文章分类: 综合实战
    HTML5新标签: <article> , <aside> , <figure> , <footer> , <header> , <hgroup> , <nav> , <section>

  • HTML5 教程学习 - 新元素标签 - <section>

    2010-06-12 23:25

    根据W3C的最新定义规范：

    section元素标签用来表现普通的文档内容或应用区块。一个section通常由内容及其标题组成...但section元素标签并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div元素而非section。

    下面的代码展示了一个最简单并且典型的section：

    阅读全文
    文章分类: 教程学习
    文章标签: W3C , 语义化
    HTML5新标签: <article> , <aside> , <nav> , <section>

  • HTML5 教程学习 - 新元素标签 - <aside>

    2010-06-04 17:30

    HTML5提供的<aside>元素标签用来表示当前页面或文章的附属信息部分。

    根据W3C的最新定义规范：

    aside元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分。

    The element can be used for typographical effects like pull quotes or sidebars, for advertising, for groups of nav elements, and for other content that is considered separate from the main content of the page.

    阅读全文
    文章分类: 教程学习
    文章标签: W3C , 语义化
    HTML5新标签: <article> , <aside>
Syndicate content