HTML笔记 5.段落章节

hgroup 元素 - 隐藏子标题




    Example
    


    
    

我是标题一

我是标题二

我喜欢苹果和橘子。

外部的标题二

我也喜欢苹果和橘子。

更多信息

待到山花烂漫时,它在丛中笑。

作者的意图:通过缩小hgroup元素中两个标题元素的间距将二者拉拢在一起,并且为二者设置同样的背景色,可以在外观上明确揭示二者的关系。


section 元素 - 表示文档中的一节

元素通常包含一个或多个段落及一个标题,不过标题并不是必须的。

使用 section 元素后,浏览器就会负责理顺标题元素的层次关系,让作者从确定和管理各个标题元素的正确次序的差事中解脱出来。




    Example
    




    
    

我是标题一

我是标题二

我喜欢苹果和橘子。

外部的标题二

我也喜欢苹果和橘子。

更多信息

待到山花烂漫时,它在丛中笑。

我是标题一

我是标题二

我喜欢苹果和橘子。

外部的标题二

我也喜欢苹果和橘子。

更多信息

待到山花烂漫时,它在丛中笑。

我是标题一

我是标题二

我喜欢苹果和橘子。

外部的标题二

我也喜欢苹果和橘子。

更多信息

待到山花烂漫时,它在丛中笑。

hearder 和 footer - 添加首部和尾部

  • 元素表示一节的首部,通常包含刊头或徽标,一个标题元素或一个
    元素,还可以包含该节的导航
  • 元素表示一节的尾部,通常包含该节的总结信息、作者介绍、版权信息、相关链接、免责声明等内容。



    Example
    



    

    
    

我是标题一

我是标题二

我是标题一

我是标题二

我喜欢苹果和橘子。

外部的标题二

我也喜欢苹果和橘子。

更多信息

待到山花烂漫时,它在丛中笑。

nav - 添加导航区域




    Example
    


    

我是标题一

我是标题二

Fruits I Like

How I learned to love Citrus

我喜欢苹果和橘子。

外部的标题二

我也喜欢苹果和橘子。

更多信息

待到山花烂漫时,它在丛中笑。

article - 文章内容

article 元素代表HTML文档中一段独立成篇的内容。从理论上讲,可以独立于页面其余内容发布或使用。

aside - 生成附注栏

类似书籍或杂志中的侧栏,包含背景内容、相关链接等。




    Example
    
    
    
    

    
    



    
    

Things I like

by Adam Freeman

Fruits I Like

How I Learned to love Citrus

I like apples Android oran

Additional fruits

I also like bananas, mangoes, cherries, apricots, plums,peaches Android gra

More information

You can see other fruits I like here>

Activities I Like

It hurts, but I keep doing it

I like to swim, cycle and run. I am in training for my first taiathlon, but it is hard work.

Kinds of Triathlon

There are different kinds of triathlon - spring, Olympic and so on.

The kind of taiathlon I am aiming for

I am aiming for Olympic, which consists of the following:
  1. 1.5Km swim
  2. 40km cycle
  3. 10km run

adress - 提供联系信息


Written by Andy.
Visite us at:
Example.com
Box 567, Disneyland
USA
地址

details - 生成详情区域


Kinds of Triathlon Therr are different kinds of triathlon - spring, Olympic and so on. I am aming of Olympic, which consists of the following:
  1. 1.5Km swim
  2. 40km cycle
  3. 10km run

你可能感兴趣的:(HTML笔记 5.段落章节)