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 ...
随机推荐
- [SAP ABAP开发技术总结]动态语句、动态程序
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- [Java解惑]数值表达式
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- 小题精炼-----初试C语言
毫无疑问, 这个又是给新入门学C语言的小鲜肉准备的! 题解: 1. 直接两个循环就ok啦! 当初讲课的时候几乎讲过原题啦. 2. 直接 100的三次方就是1000000啦, 所以直接对某数的三次方开方 ...
- 如何将自己开发的标签打成jar包
1: 在Myeclipse中新建一个java工程 2: 将你的标签处理器类统统都拷到工程里面, 将tld文件拷到META-INF里面 3:点击file里面的export,
- linux软件下载及安装
1.jdk安装以及下载地址 rpm.tar.gz格式下载 | bin格式下载 官方bin格式下载 | 安装 2.centos安装phpstorm 戳我
- 进程&线程
进程与线程的区别 什么是进程(Process):普通的解释就是,进程是程序的一次执行,而什么是线程(Thread),线程可以理解为进程中的执行的一段程序片段.在一个多任务环境中下面的概念可以帮助我们理 ...
- 高并发简单解决方案————redis队列缓存+mysql 批量入库(ThinkPhP)
问题分析 问题一:要求日志最好入库:但是,直接入库mysql确实扛不住,批量入库没有问题,done.[批量入库和直接入库性能差异] 问题二:批量入库就需要有高并发的消息队列,决定采用redis lis ...
- Promise A 规范的一个简单的浏览器端实现
简单的实现了一个promise 的规范,留着接下来模块使用.感觉还有很多能优化的地方,有时间看看源码,或者其他大神的代码 主要是Then 函数.回调有点绕人. !(function(win) { fu ...
- Linux 注意
1. 赋值运算符= 左右之间不能加空格, 其余的都可以加空格, 而这种限制在以下情况, 可以使用空格 let "n = $1" 虽然也是赋值语句, 但是可以使用空格
- nodejs学习笔记<三>关于路由(url)
在网站开发中,路由的设置非常关键.nodejs对路由处理封装了一个比较全面的模块. 来认识下url模块 1)在命令行(cmd)可以直接 node —> url 可直接查看url模块的所有方法. ...