`
zhangyaochun
  • 浏览: 2613658 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

html5之<aside>标签

阅读更多

 

HTML 5 <aside> 标签

 

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

 

 

 

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

 

 

  • <aside>标签是HTML5的新标签
  • <aside>的内容可作文章的侧栏
分享到:
评论

相关推荐

    HTML绿色食品网站页面

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

    HTML5 对各个标签的定义与规定:section

    ### HTML5中的&lt;section&gt;标签详解 #### 一、引言 在HTML5中,为了更好地组织和呈现网页内容,引入了一系列新的语义化标签,其中`&lt;section&gt;`标签是一个非常重要的组成部分。它不仅有助于提高网页的可读性和可维护性...

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

    &lt;title&gt;HTML5论坛 www.htmlv.cn aside标签示例&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;aside&gt; 热门文章 &lt;/aside&gt; &lt;aside&gt; 广告 &lt;/aside&gt; &lt;article&gt; &lt;h1&gt;文章标题&lt;/h1&gt; 这是一篇文章 &lt;article&gt;评论1&lt;/article&gt; &lt;article&gt;评论...

    第05章 aside元素

    在HTML语言中,`&lt;aside&gt;`元素是一个非常重要的语义化标签,用于定义与主内容相关的辅助性内容。本章我们将深入探讨`&lt;aside&gt;`元素的用途、用法以及它在网页设计中的重要性。 首先,`&lt;aside&gt;`元素通常包含与主要内容...

    HTML5参考手册

    HTML5参考手册中还包含了许多其他标签的说明,例如用于定义代码的&lt;code&gt;,定义表格的&lt;caption&gt;、&lt;table&gt;、&lt;th&gt;、&lt;tr&gt;和&lt;td&gt;,定义区块的&lt;div&gt;,以及定义无序和有序列表的&lt;ul&gt;、&lt;ol&gt;和&lt;li&gt;等。 这份参考手册是学习和...

    HTML5中文手册.pdf

    &lt;aside&gt;标签用于定义侧边栏,内容通常与周围内容相关但不直接相关。 &lt;audio&gt;标签用于嵌入音频内容,它支持不同格式的音频文件,比如mp3, wav, ogg等。 &lt;b&gt;标签用于定义粗体文本,主要用于视觉上的加粗效果,而不带...

    Web前端基础:HTML5语义化标签.pptx

    3. **&lt;aside&gt;** 标签:用于放置非主要内容,如侧边栏、广告或相关链接。它的内容与主内容有关,但并非不可或缺。例如: ```html &lt;article&gt; ... &lt;aside&gt; &lt;h3&gt;相关链接&lt;/h3&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;链接1&lt;/a&gt;&lt;/...

    HTML 5和 HTML 4的区别点及标签用法

    - **HTML 5**: `&lt;aside&gt;`标签用于定义与页面主要内容相关但可单独分离的信息,如侧边栏、注释或广告。它的内容应当与`&lt;article&gt;`内的内容相关联。 - **HTML 4**: 同样地,HTML 4中会使用`&lt;div&gt;`标签,缺乏明确的语义...

    HTML5常用命令-零基础

    HTML5还引入了一些用于定义页面不同部分的结构化元素:&lt;header&gt;、&lt;nav&gt;、&lt;section&gt;、&lt;article&gt;、&lt;aside&gt;和&lt;footer&gt;。这些标签使得网页内容的组织更加清晰和有序。 - &lt;header&gt;标签用于定义一个页面或页面内一个独立...

    如何避免常见的6种HTML5错误用法

    错误做法:在HTML5中,开发者有时会将&lt;section&gt;标签当作&lt;div&gt;标签来使用,仅仅作为样式容器。例如: ```html &lt;section id="wrapper"&gt; &lt;!-- ... --&gt; &lt;/section&gt; ``` 正确做法:&lt;section&gt;元素是为组织文档大纲而...

    vor创意摄影大咖html5网站静态模板.zip

    8. **SEO优化**:HTML5的语义化标签如&lt;header&gt;、&lt;nav&gt;、&lt;article&gt;、&lt;section&gt;、&lt;aside&gt;、&lt;footer&gt;等有助于搜索引擎更好地理解页面内容,提高网站在搜索结果中的排名。 9. **图标和图形**:使用SVG(Scalable Vector...

    html标签及用法

    HTML5引入了许多新标签,如&lt;header&gt;、&lt;footer&gt;、&lt;nav&gt;、&lt;article&gt;、&lt;aside&gt;等,增强了语义化,便于机器理解和SEO优化。 学习HTML标签及用法,不仅要理解每个标签的功能,还要学会如何组合使用,以创建出结构清晰、...

    Web-前端html+css从入门到精通 123. HTML5新语义化标签(1).zip

    HTML5引入的新语义化标签,如&lt;header&gt;, &lt;nav&gt;, &lt;article&gt;, &lt;section&gt;, &lt;aside&gt;, &lt;footer&gt;等,旨在改善这一点,让代码更具描述性,更容易被搜索引擎理解和屏幕阅读器解析。 1. `&lt;header&gt;`:这个标签用于定义页面或...

    HTML5+CSS3 HTML5结构性标签体系.pdf

    &lt;li&gt;&lt;a href="#"&gt;HTML 5&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;CSS&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;JavaScript&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;main&gt; &lt;article&gt; &lt;p&gt;这是一篇讲述 HTML 5 新结构标签的文章。&lt;/p&gt; &lt;/...

    html标签介绍大全

    HTML5引入了更多语义化的标签,如&lt;header&gt;、&lt;footer&gt;、&lt;article&gt;、&lt;section&gt;、&lt;aside&gt;、&lt;details&gt;、&lt;summary&gt;等,以提高网页内容的可读性和可访问性。 以上就是HTML标签的基本介绍,通过熟练掌握这些标签及其用法,...

    HTML标签总结,包含HTML4和HTML5

    HTML5中新增了一些标签,如`&lt;article&gt;`、`&lt;aside&gt;`、`&lt;audio&gt;`、`&lt;canvas&gt;`、`&lt;video&gt;`等,同时也废弃了一些标签,如`&lt;applet&gt;`、`&lt;basefont&gt;`等。 HTML标签是网页开发的基础,熟悉这些标签的用途和功能是开发网页...

    详细的HTML5标签介绍

    除了基础标签,HTML5还引入了许多新的标签和功能,比如用于定义导航菜单的&lt;nav&gt;、用于定义独立内容区域的&lt;article&gt;、用于定义侧边栏内容的&lt;aside&gt;、用于定义页面主要内容的&lt;main&gt;等等。这些新标签帮助开发者更好地...

    HTML5 标准.docx

    HTML5 中的一些重要标记包括&lt;header&gt;, &lt;nav&gt;, &lt;main&gt;, &lt;article&gt;, &lt;section&gt;, &lt;aside&gt;, &lt;footer&gt;, &lt;figure&gt;, &lt;figcaption&gt;, &lt;details&gt;, &lt;summary&gt;, &lt;mark&gt;, &lt;progress&gt;, &lt;meter&gt;, &lt;time&gt;, &lt;ruby&gt;, &lt;rt&gt;, &lt;rp&gt;, &lt;bdi&gt;...

Global site tag (gtag.js) - Google Analytics