<article> 标签

article 字面意思为“文章”。在web页面中表现为独立的内容,如一篇新闻,一篇评论,一段名言,一段联系方式。这其中包括两方面,一为整个页面的主旨内容,另外就是一些辅助内容。

<article>内容</acticle>

<section> 标签

section  字面上理解为“块”,“部分”。在html5网页中表现的意思跟字面理解差不多,即部分,块,模块,主要作用为对页面的内容进行分块或者对文章的内容进行分段。

实际案例雅虎的布局应用到了<section>

aaarticlea/png;base64,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" alt="" />


<aside> 标签

标签定义其所处内容之外的内容。
<p>内容</p>
<aside>
<h4>标题</h4>
内容
</aside>
<article> 标签的内容独立于文档的其余部分。

HTML5标签学习之~~~的更多相关文章

  1. 46.前端html5标签学习

    HTML:TR  TD  TH  OL  UL  LI 这几个标签要区别 一.什么是HTML: 超文本标记语言(HyperText Markup Language),标准通用标记语言下的一个应用: 是 ...

  2. HTML5标签学习

    <abbr> 表示一个缩写形式,比如 "Inc."."etc.".通过对缩写词语进行标记,您就能够为浏览器.拼写检查程序.翻译系统以及搜索引擎分度器 ...

  3. HTML5标签学习笔记

    <!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="con ...

  4. HTML5标签汇总及知识学习线路总结

    HTML5标签汇总,以及知识学习线路总结.

  5. html5标签video(播放器)学习笔记(二)-基本操作

    html5标签video(播放器)学习笔记(二)-基本操作 subying 发布时间: 2014/12/01 23:59 阅读: 13008 收藏: 21 点赞: 3 评论: 0 摘要 本文介绍了ht ...

  6. HTML5的学习(一)HTML5标签

    HTML5是WHATWG与W3C合作,创建的一个新版本的HTML.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成.HTML5相比于之前的HTML的其他版本增加了 ...

  7. (转)HTML5开发学习(2):本地存储之localStorage 、sessionStorage、globalStorage

    原文:http://www.cnblogs.com/xumingxiang/archive/2012/03/25/2416386.html HTML5开发学习(2):本地存储之localStorage ...

  8. 对HTML5标签的认识(三)

    这篇随笔继续来认识HTML标签.这次随笔主要是对<table>标签的认识和最近我学习到的一些标签来和大家分享. 一.<table>标签 <table>标签的作用主要 ...

  9. HTML5标签的使用和作用

    在菜鸟教程中找了一些关于HTML5的知识点,觉得很有用,可以整理一下,以后使用. 这是一个基本的HTML5文档: <!DOCTYPE html><html><head&g ...

随机推荐

  1. git学习笔记12-标签管理-版本

    发布一个版本时,我们通常先在版本库中打一个标签(tag),这样,就唯一确定了打标签时刻的版本.将来无论什么时候,取某个标签的版本,就是把那个打标签的时刻的历史版本取出来.所以,标签也是版本库的一个快照 ...

  2. 保存会话数据——session学习

    Session:Session是服务器端技术,利用这个技术,服务器在运行时可以为每一个用户的浏览器创建一个其独享的session对象,由于session为用户浏览器独享,所以用户在访问服务器的web资 ...

  3. 个人博客Week3

    必应软件客户端测评 话不多说 先来一张高大上的客户端界面截图! 首先 映入眼帘的就是四个主要的模块!(1)词典(2)例句(3)翻译(4)应用 (1)词典: 在查询词条的时候,一旦查询了一个词条就不能够 ...

  4. iOS - OC RunLoop 运行循环/消息循环

    1.RunLoop 1)运行循环: 运行循环在 iOS 开发中几乎不用,但是概念的理解却非常重要. 同一个方法中的代码一般都在同一个运行循环中执行,运行循环监听 UI 界面的修改事件,待本次运行循环结 ...

  5. iOS - VIPER 架构模式

    1.VIPER 从字面意思来理解,VIPER 即 View Interactor Presenter Entity Router(展示器(视图) 交互器 协调器 实体(数据) 路由器),迄今为止,划分 ...

  6. Redis基础知识之—— 5个必须了解的事情【★★★★★】

    一.掌控储存在Redis中的所有键 数据库的主要功能是储存数据,但是对于开发者来说,因为应用程序需求或者数据使用方法的改变,忽略存储在数据库中的某些数据是非常正常的,在Redis中同样如此.你可能忽视 ...

  7. RAR暴破

    1. 网上稍微搜索了一下,貌似一个叫 "ARPR"的软件 出现的频率较高. 2. http://jingyan.baidu.com/article/a948d651b954a90a ...

  8. Java实现分页数据获取CachedRowSet

    步骤 1.加载驱动 2.连接数据库 3.创建ResultSet 4.创建CacheRowSet 5.设置并获取分页数据 6.执行查询,展示数据 package ch13; import javax.s ...

  9. JavaWeb学习总结(七)—HttpServletRequest

    一.Request概述 request是Servlet.service()方法的一个参数,类型为javax.servlet.http.HttpServletRequest.在客户端发出每个请求时,服务 ...

  10. foreach 相关

    20 Nov 08 深入理解PHP原理之foreach 作者: Laruence(   ) 本文地址: http://www.laruence.com/2008/11/20/630.html 转载请注 ...