首页 > 编程 > HTML > 正文

HTML5中的aside标签怎么用?HTML5aside侧边栏的具体使用方法你知道吗?

2020-03-24 16:11:09
字体:
来源:转载
供稿:网友
首页 > web前端 > H5教程 > 正文 HTML5中的aside标签怎么用?HTML5aside侧边栏的具体使用方法你知道吗? 2018-08-15 17:39:23 第六期线上培训班
HTML5中的aside标签怎么用?HTML5aside侧边栏的具体使用方法你知道吗?本篇文章主要讲解了HTML5中的aside标签的定义和用法,还有HTML5中aside元素的详解和注意事项。

HTML 5 aside 标签的定义和用法:

aside 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

这有实例:

 p This summer, I finally came to PHP Chinese net. /p  aside  h4 Online programming /h4 PHP Chinese network is a great platform for online learning programming in China. /aside 

HTML5中 aside 元素的详解:

HTML aside 元素表示一个页面的一部分, 它的内容跟这个页面的其它内容的关联性不强,或者是没有关联,单独存在。 aside 元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义,比如目录、索引、术语表等;也可以用来显示相关的广告宣传,作者的介绍,Web应用,相关链接,当前页内容简介等。

aside 元素使用注意事项:

不要使用 aside 元素标记括号中的文字,因为这种类型的文本被认为是主内容的一部分。

HTML5中aside标签的两种使用方法:

1.被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、名次解释,等等。

 article  h1 … /h1  p … /p  aside … /aside  /article 

2.在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏,其中的内容可以使友情链接,博客中的其它文章列表、广告单元等。

 aside  h2 … /h2  li … /li  li … /li  /ul  h2 … /h2  li … /li  li … /li  /ul  /aside 

提示和注释

提示: aside 的内容可用作文章的侧栏。

HTML5中web是什么?web存储中的元素有哪些?

HTML IMG标签的属性是有哪些?了解IMG标签的用法

以上就是HTML5中的aside标签怎么用?HTML5aside侧边栏的具体使用方法你知道吗?的详细内容,其它编程语言

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表