HTML5标签学习之~~~
<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标签学习之~~~的更多相关文章
- 46.前端html5标签学习
HTML:TR TD TH OL UL LI 这几个标签要区别 一.什么是HTML: 超文本标记语言(HyperText Markup Language),标准通用标记语言下的一个应用: 是 ...
- HTML5标签学习
<abbr> 表示一个缩写形式,比如 "Inc."."etc.".通过对缩写词语进行标记,您就能够为浏览器.拼写检查程序.翻译系统以及搜索引擎分度器 ...
- HTML5标签学习笔记
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="con ...
- HTML5标签汇总及知识学习线路总结
HTML5标签汇总,以及知识学习线路总结.
- html5标签video(播放器)学习笔记(二)-基本操作
html5标签video(播放器)学习笔记(二)-基本操作 subying 发布时间: 2014/12/01 23:59 阅读: 13008 收藏: 21 点赞: 3 评论: 0 摘要 本文介绍了ht ...
- HTML5的学习(一)HTML5标签
HTML5是WHATWG与W3C合作,创建的一个新版本的HTML.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成.HTML5相比于之前的HTML的其他版本增加了 ...
- (转)HTML5开发学习(2):本地存储之localStorage 、sessionStorage、globalStorage
原文:http://www.cnblogs.com/xumingxiang/archive/2012/03/25/2416386.html HTML5开发学习(2):本地存储之localStorage ...
- 对HTML5标签的认识(三)
这篇随笔继续来认识HTML标签.这次随笔主要是对<table>标签的认识和最近我学习到的一些标签来和大家分享. 一.<table>标签 <table>标签的作用主要 ...
- HTML5标签的使用和作用
在菜鸟教程中找了一些关于HTML5的知识点,觉得很有用,可以整理一下,以后使用. 这是一个基本的HTML5文档: <!DOCTYPE html><html><head&g ...
随机推荐
- 解决properties文件乱码问题(eclipse和MyEclipse)
windows——>Preferences——>General——>ContentTypes——>Text——>Java Properties File,设置Defaul ...
- Ubuntu14.04设置开机root用户登录
1.sudo vim /usr/share/lightdm/lightdm.conf.d/50-ubuntu.conf 2.添加:greeter-show-manual-login=true 3.su ...
- DOM解析XML练习
首先以XML文件存储数据,格式如下(作为数据库) exam.xml <?xml version="1.0" encoding="UTF-8" standa ...
- javascript学习-原生javascript的小特效(多个运动效果整理)
以下代码就不详细解析了,在我之前的多个运动效果中已经解析好多次了,重复的地方这里就不说明了,有兴趣的童鞋可以去看看之前的文章<原生javascript的小特效> <!DOCTYPE ...
- iOS - Swift 与 C 语言交互编程
前言 作为一种可与 Objective-C 相互调用的语言,Swift 也具有一些与 C 语言的类型和特性,如果你的代码有需要,Swift 也提供了和常见的 C 代码结构混合编程的编程方式. 1.基本 ...
- 高并发简单解决方案————redis队列缓存+mysql 批量入库(ThinkPhP)
问题分析 问题一:要求日志最好入库:但是,直接入库mysql确实扛不住,批量入库没有问题,done.[批量入库和直接入库性能差异] 问题二:批量入库就需要有高并发的消息队列,决定采用redis lis ...
- mvn编写主代码与测试代码
maven编写主代码与测试代码 3.2 编写主代码 项目主代码和测试代码不同,项目的主代码会被打包到最终的构件中(比如jar),而测试代码只在运行测试时用到,不会被打包.默认情况下,Maven假设项目 ...
- Object Pascal 语言基础
Delphi 是以Object Pascal 语言为基础的可视化开发工具,所以要学好Delphi,首先要掌握的就是Object Pascal 语言.Object Pascal语言是Pascal之父在1 ...
- error C2783: 无法为“T”推导 模板 参数
原则:“模板参数推导机制无法推导函数的返回值类型” 版本一: // 缺少<T> 参数 int n 对比第三个版本( 缺少<T> 参数 T n) ! 编译错误提示: 错误 1 e ...
- OpenGL的glClearColor和glClear改变背景颜色
OpenGL的glClearColor和glClear改变背景颜色 结合以下两个函数void glClearColor(GLclampf red, GLclampf green, GLclamp ...