html5之<aside>标签

最新推荐文章于 2025-01-08 20:00:00 发布

最新推荐文章于 2025-01-08 20:00:00 发布 · 239 阅读

文章标签：

#html5 #aside

html5 专栏收录该内容

74 篇文章

订阅专栏

本文介绍了HTML5 aside标签的基本概念、用途及使用方法，阐述了如何利用该标签来组织文章内容，特别是如何将与文章主体相关但不直接属于文章主体的信息，以aside的形式进行展示，提升用户体验。

HTML 5 <aside> 标签

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

<p>我朋友上周在天津大港结婚</p>
<aside>
<p>大港</p>
大港是天津的一个重要的郊县，拥用海边资源。
</aside>

<aside>标签是HTML5的新标签
<aside>的内容可作文章的侧栏

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_2245

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

「HTML和CSS入门指南」aside 标签详解

a451319296的博客

06-09

2573

aside 标签是一个重要的标签，用于表示与页面或文章内容相关，但又不属于主要内容的侧边栏、导航区域、广告、标注等内容。在使用 aside 标签时，请注意选择正确的属性和方法、语义化和独立性，并避免兼容性问题。

HTML ＜aside＞标签

玄链教育

05-11

451

aside> 标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。

参与评论您还未登录，请先登录后发表或查看评论

HTML5 对各个标签的定义与规定：aside

11-21

对aside标签的定义与规定 <aside> 用来装载非正文类的内容。（DOM接口、可设置属性）。例如广告，成组的链接，侧边栏等等。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML5论坛 www.htmlv.cn aside标签示例</title> </head>

详解HTML5中的aside元素与article元素

12-14

元素HTML元素表示一个页面的一部分，它的内容跟这个页面的其它内容的关联性不强，或者是没有关联，单独存在。元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义，比如目录、索引、术语表等；也可以用来显示相关的广告宣传，作者的介绍，Web应用，相关链接，当前页内容简介等。元素使用注意事项：不要使用元素标记括号中的文字，因为这种类型的文本被认为是主内容的一部分。使用例子： XML/HTML Code复制内容到剪贴板

HTML5学习笔记简明版（2）：新元素之section,article,aside

weixin_34007291的博客

12-07

206

section section元素描绘的是一个文档或者程序里的普通的section节，一般来说一个section包含一个head和一个content内容块。section可以表示成一个小节，或者tab页面里的一个tab下的box块。一个页面里可以拆分成多个section，分别代表introduction, news items和contact information。如果元素的内容集中到一起...

HTML5: aside元素

hsjajwbsbsjs的博客

03-11

516

HTML5元素学习

【HTML】一张图带你了解网页布局标签＜header＞、＜nav＞、＜article＞、＜section＞、＜aside＞、＜footer＞

xudahai513的博客

01-08

820

一张图让你清晰认识布局标签

<h1>包含所有功能模块的完整个人博客HTML源码集合</h1>

07-13

常见区块已帮你分好：<header>抬头、<nav>导航、<main>正文、<aside>侧边栏、<footer>页脚。想换皮肤，直接改CSS里的颜色、字体、间距；想让按钮会动，找<script>标签或外链库。别忽略细节：在<head>加favicon、...

<h1>简洁HTML版小型图书信息管理系统</h1>

最新发布

07-14

• 详情页：用<article>包裹书评，<section>放作者介绍，<aside>放推荐书目；<img>呈现封面，<form>+<input>提供搜索框。 HTML5 的语义标签让结构更清晰，也更利于 SEO。想让页面“动”起来，只需引入少量 ...

HTML绿色食品网站页面

04-26

在HTML5中，新的语义化标签如<header>, <nav>, <section>, <article>, <aside>, 和<footer>被引入，以更好地描述网页内容结构。例如，<header>通常用于包含网站的logo、导航链接和搜索栏；<nav>则用于定义导航链接...

html5新标签 aside,Html5新标签之aside标签详解

weixin_39761255的博客

06-16

1875

这节，我为大家介绍下：html5新标签之标签如何定义及如何使用aside呢？aside这个标签用来定义网页布局的侧栏容器，就相当于：div定义样式然后担当侧栏容器。直接让大家看个例子：body{ font-size:12px; padding:10px 0; background:#00CCCC}*{ margin:0; padding:0;}.main{ width:960px; height:...

HTML5的<aside>标签怎么用？

weixin_45587319的博客

04-15

5084

<aside>标签是HTML5中的新标签，用于以较短的方式描述网页的主要对象；它基本上标识了与网页主要内容相关的内容，但不构成主页的主要意图。该<aside>标签主要包含作者信息、链接、相关内容等。 <aside>和<div>这两个标签具有相同的行为和不同的含义。 ●　<div>：它在网页中定义或创建分区或部分。 ●　&l...

Html5 aside标签的用法和作用

xiaoxijinger的博客

08-10

3841

aside元素用来定义当前页面或者文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条等其他类似的有别于主要内容的部分。 aside元素的用法主要分为两种。 ● 被包含在article元素内作为主要内容的附属信息。 ● 在article元素之外使用，作为页面或站点全局的附属信息部分。常用的使用形式是侧边栏，其中的内容可以是友情链接、广告单元等。下面通过一个案例对aside元素的用法进行演示，如下所示。 <!DOCTYPE html> <html lang="

【HTML5】的语法【五】

lianafany的博客

04-07

516

网页的标题放在header元素中，在header元素的后面将所有关于文章的部分放在一个article元素中，将文章的正文部分放在一个p元素中，但是该文章还有一个名词解释的附属部分，用来解释该文章中的一些名词，因此，在p元素的下部又放置了一个aside元素，用来存放名词解释部分的内容。该示例为一个典型的博客网站中的侧边栏部分，因此被放在aside元素中，但是该侧边栏又具有导航的作用，因此被放置在nav元素中，该侧边栏的标题是“评论”，被放在h2元素中，在标题之后使用一个ul列表，用来存放具体的导航链接。

HTML5新增特性

m0_57138227的博客

10-12

239

1.语义化标签 header , nav ,section,aside,artical,footer 都是双标签 /*结构代码*/ <header> <nav>导航栏</nav> < /header> < section> aside>侧边栏< /aside> <article>独立内容块</article> </ section> < footer>尾部</ foote

Bootstrap 布局初试

画夜的专栏

10-27

920

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