HTML5中的<aside>标签

HTML5中的<aside>标签,第1张

<aside>标签是HTML5中的新标签,用于以较短的方式描述网页的主要对象;它基本上标识了与网页主要内容相关的内容,但不构成主页的主要意图。该<aside>标签主要包含作者信息、链接、相关内容等。

<aside>和<div>这两个标签具有相同的行为和不同的含义。

● <div>:它在网页中定义或创建分区或部分。

● <aside>: 它通过创建部分或部门来完成同样的工作,但它只包含与主网页相关的内容。

<aside>标签使页面设计变得容易,并增强了HTML文档的清晰度;它使我们能够很容易地识别主文本和次文本。无论是<div>还是<aside>都需要CSS来进行特定的设计。<aside>标签支持HTML中的全局属性和事件属性。

语法:

示例1:

效果图:

示例2:

效果图:

浏览器支持

支持<aside>标签的浏览器

● Google chrome 6.0 及更高版本

● Internet Explorer 9.0 及更高版本

● Mozilla 4.0 及更高版本

● Safari 5.0 及更高版本

● Opera 11.1 及更高版本

更多 web开发 、 web前端课程 的相关知识,请查阅 HTML中文网 !!

答:

1、article标签是 HTML 5 的新标签。它的内容独立于文档的其余部分,而外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

2、aside为语义化标签,通常用来描述与文档主体内容不相关的内容。比如,博客文章用atricle标签,而博客旁边的文章信息栏(作者头像、博文分类、作者等级等于博客正文内容无关的)用aside。

百度知道是问答网站,主体就是提问和回答,所以提问回答这边是用article,而右边那个用户信息、升级进度,广告和推荐的知识那些与该问题的回答和提问内容都无关,与主题内容不相关的区域用的就是aside。简单的说aside可用作通用信息展示(信息栏)等。

拓展资料

1、万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。

2、HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式。

3、许多业内人士表示,HTML将会最终代替多媒体框架,如Adobe的Flash,但是短期看来还不是时候。

4、HTML5估计到2014年才能逐步成熟,而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点,但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5,谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式,这可能会加速HTML5替代Flash的进程,但是这个转变的过程也不是一蹴而就的。

资料来源:百度百科:HTML5

html5的新增的标签都是带有语义的,不光要从字面来说,还要从举例中来说。

article 是独立的一块内容,比如一篇新闻,一篇文章,包含文章主旨,还可以包含辅助内容。

section 类似div,不过比div更有意义,他是对内容进行分块。

aside 字面就是侧边栏,跟内容相关的一些引用、内容。

这些元素表现形式都是行内,使用的时候要显示声明为block。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8293049.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存