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 ...
随机推荐
- CUBRID学习笔记23 关键字列表
先放上特殊的字符 Backtick Symbol - ` 反引号 同撇 Double Quotes - " 双引号 Square Brackets - [ 中括号 如 ...
- 2.mybatis入门实例 连接数据库进行查询
1.新建项目,添加mybatis和mysql的jar包 2.在mysql中新建表user[id,name,age] CREATE TABLE `users` ( `id` ) NOT NULL aut ...
- iOS - OC NSNumber 数字
前言 @interface NSNumber : NSValue @interface NSDecimalNumber : NSNumber 将基本数据类型包装成 OC 对象 1.NSNumber 与 ...
- 笔记本_thinkpad_e40_FN
1. 开机时按F10进入bios 然后在 bios 中选择 system configuration,看一下其中的 action keys mode .如果此选项后面为 enable 的话,是不需要按 ...
- DDL之操作表
DDL之操作表 DDL是数据定义语言,用来定义数据库对象:数据库.表.列等.其中定义数据库我们已经在DDL之操作数据库中详细讲解了,今天我们来学习使用DDL操作表. 1.创建表 使用数据定义语言创建表 ...
- Python SSH登陆--pexpect,pxssh
from pexpect import pxssh host = '192.168.80.139'user = 'allen'password = 'allen'command = 'df -h' d ...
- system v和posix的共享内存对比 & 共享内存位置
参考 http://www.startos.com/linux/tips/2011012822078.html 1)Linux和所有的UNIX操作系统都允许通过共享内存在应用程序之间共享存储空间. 2 ...
- overridePendingTransition动画只设置一个
退出动画可以设置为0, 但是两个动画的duration需要一样. 退出动画:<?xml version="1.0" encoding="utf-8"?&g ...
- 在Maven中设置Nexus私有服务为中央工厂(repository)
原文:http://blog.csdn.net/mexican_jacky/article/details/50275695 nexus中的仓库列表 第一种方式: <repositories&g ...
- Freemarker 入门示例(zhuan)
http://cuisuqiang.iteye.com/blog/2031768 ************************************ 初步学习freemarker ,先做一个简单 ...