HTML5 article元素
来源:互联网 发布:网络三大邪书十大污书 编辑:程序博客网 时间:2024/06/06 19:33
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>artical元素示例</title>
</head>
<body>
<article>
<header>
<h1>假如生活欺骗了你</h1>
<p>(俄)普希金</p>
<p>1825年</p>
</header>
<p>假如生活欺骗了你</p>
<p>不要悲伤,不要心急</p>
<p>忧郁的日子里需要镇静</p>
<p>相信吧,快乐的日子将会来临</p>
<p>心儿永远向往着未来</p>
<p>现在却常是忧郁</p>
<p>一切都是瞬息</p>
<p>一切都将会过去</p>
<p>而那过去的</p>
<p>就会成为亲切的怀恋</p>
<section>
<h2>背景论述:</h2>
<article>
<header>
<h3>选自《普希金诗集》</h3>
</header>
<p>
写于普希金被沙皇流放的日子里。那时俄国革命如火如荼,诗人却被迫与世隔绝。在这样的处境下,诗人仍没有丧失希望与斗志,他热爱生活,执着地追求理想,相信光明必来,正义必胜。诗中阐明了这样一种积极乐观的人生态度:当生活欺骗了你时,不要悲伤,不要心急;在苦恼之时要善于忍耐,一切都会过去,未来是幸福、美好的。生活中不可能没有痛苦与悲伤,欢乐不会永远被忧伤所掩盖,快乐的日子终会到来。第二节,诗人表达了心儿永远向着未来的积极人生态度,并告诉人们,当越过艰难困苦之后再回首那段往事时,那过去的一切便会变得美好起来。这是诗人人生经验的总结,也是生活的真谛。
</p>
</article>
<h4>2017.3.6</h4>
</section>
</article>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>artical元素示例</title>
</head>
<body>
<article>
<header>
<h1>假如生活欺骗了你</h1>
<p>(俄)普希金</p>
<p>1825年</p>
</header>
<p>假如生活欺骗了你</p>
<p>不要悲伤,不要心急</p>
<p>忧郁的日子里需要镇静</p>
<p>相信吧,快乐的日子将会来临</p>
<p>心儿永远向往着未来</p>
<p>现在却常是忧郁</p>
<p>一切都是瞬息</p>
<p>一切都将会过去</p>
<p>而那过去的</p>
<p>就会成为亲切的怀恋</p>
<section>
<h2>背景论述:</h2>
<article>
<header>
<h3>选自《普希金诗集》</h3>
</header>
<p>
写于普希金被沙皇流放的日子里。那时俄国革命如火如荼,诗人却被迫与世隔绝。在这样的处境下,诗人仍没有丧失希望与斗志,他热爱生活,执着地追求理想,相信光明必来,正义必胜。诗中阐明了这样一种积极乐观的人生态度:当生活欺骗了你时,不要悲伤,不要心急;在苦恼之时要善于忍耐,一切都会过去,未来是幸福、美好的。生活中不可能没有痛苦与悲伤,欢乐不会永远被忧伤所掩盖,快乐的日子终会到来。第二节,诗人表达了心儿永远向着未来的积极人生态度,并告诉人们,当越过艰难困苦之后再回首那段往事时,那过去的一切便会变得美好起来。这是诗人人生经验的总结,也是生活的真谛。
</p>
</article>
<h4>2017.3.6</h4>
</section>
</article>
</body>
</html>
0 0
- HTML5 article元素
- HTML5 article元素插件
- HTML5中的Article和Section元素
- HTML5+CSS3+JS(第三课).Article元素
- html5新增主题结构元素之article
- html5中article元素的使用方法
- HTML5 新布局元素<header><article><footer>
- HTML5中article元素的使用
- HTML5之article元素与section元素之间的区别?
- article元素
- article元素
- HTML5之article元素与section元素之间的区别? (赞)
- 重复谈下html5的Article元素,感觉还是有些东西可以说的!
- Html5新增语义结构元素:article section aside nav header hgroup footer time
- HTML5—新语义元素header、nav、section、article、aside、footer等使用及兼容
- HTML5—新语义元素header、nav、section、article、aside、footer等使用及兼容
- article元素练习
- 21article元素
- 深度学习(15):Inference
- 《linux内核完全解读(基于0.11内核)》--环境搭建
- 搭建Python编程环境
- POJ1017Packets
- Cause: java.lang.IllegalArgumentException: Mapped Statements collection does not contain value for ^
- HTML5 article元素
- 兜转数年,老跳成了卖过软件开过店写过APP的电脑老师
- JavaScript 使用浏览器开发者工具
- 树状数组学习心得
- BZOJ1029: [JSOI2007]建筑抢修
- 单例模式(Singleton-Pattern)
- 本机idea远程调试flume
- 深度学习(16):Induction
- 448.Find All Numbers Disappeared in an Array