1.hander标签

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<!--
1.header标签定义文档的页眉,通常是一些引导和导航信息
2.header标签不局限干写在网页头部,也可以写在网页内容里面。
3.通常<header>标签至少包含(但不局限于)一个标题标记(<h1>-<h6>),还可以包括<hqroup>标签,还可以包括表格内容、标识Loqo、搜索表单、<nav>导航等。
-->
</body>
</html>

2.footer标签

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<!--
1.footer标签定义section或document的页脚,包含了与页面、文章或是部分内容有关的信息,比如说文章的作者或 者日期。
2.作为页面的页脚时,一般包含了版权、相关文件和链接。
3.footer标签和<header>标签使用基本一样,可以在一个页面中多次使用,也可以在 article标签或者section标签中添加footer标签,那么它就相当于该区段的页脚了。
 -->
</body>
</html>

3.aside标签

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<!--
1.aside标签用来装载非正文的内容,被视为页面里面一个单独的部分。
2.aside标签可以被包含在article标签内作为主要内容的附属信息。
3.也可以在article标签之外使用,作为页面或站点全局的附属信息部分。例如广告、友情链接、侧边栏、导航条等等。
-->
    <article>
    <h1>文章标题</h1>
    <p>文章的具体内容</p>
        <aside>添加附属信息</aside>
    </article>
    <aside>
        <h2>标题信息</h2>
        <p>文章的内容信息</p>
    </aside>
    <aside>
    <h2>友情链接</h2>
        <ul>
        <li><a href="https://www.baidu.com">百度</a></li>
        </ul>
    </aside>
</body>
</html>

hander标签,footer标签,aside标签相关推荐

  1. 完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的方法

    完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的方法 参考文章: (1)完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的 ...

  2. [JavaWeb-HTML]HTML标签_语义化标签

    语义化标签: 语义化标签:html5中为了提高程序的可读性,提供了一些标签.1. <header>:页眉2. <footer>:页脚

  3. html5 支持php标签吗,HTML5新增标签使用方法

    HTML5提供了一些新的元素和属性,例如nav(网站导航块)和footer.这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如au ...

  4. html5新增标签与删除标签,HTML5新增/删除标签

    增: 结构标签 section - 表示页面中的一个内容区块,比如章节.页眉.页脚或页面的其他部分.可以和h1.h2等标签结合使用,表示文档结构.过去只能用div实现. article - 表示页面中 ...

  5. HTML标签-排版标签、媒体标签、列表标签、表格标签、表单标签、语义化标签、字符实体

    一.排版标签 1.标题标签 在新闻和文章的页面中都离不开标题,用来突出显示文章主题. h系列标题 <body><h1>1级标题</h1> <h2>2级标 ...

  6. HTML5---H5---HTML网页常用的标签和新增的标签

    常用的标签及其含义 标签 类型 译名或意义 作 用 备注 文件标签 <HTML> ● 文件声明 让浏览器知道这是 HTML 文件 <HEAD> ● 开头 提供文件整体资讯 &l ...

  7. 三星文档html删除吗,HTML5新增标签和删除的标签

    一.新增标签 结构标签 相当于有意义的div标签 article:用于定义一篇文章 header:定义页面的头部 footer: nav:导航条链接 section:定义一个区域 aside:定义页面 ...

  8. HTML之body标签中的相关标签

    一 字体标签 字体标签包含:h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  9. HTML表单标签和HTML5新标签

    [HTML表单标签和HTML5新标签] 目录 [HTML表单标签和HTML5新标签] 1. HTML表单标签 1.1input 控件 1.2.label标签 1.3.textarea控件 1.4.下拉 ...

  10. html css 常用标签,CSS/HTML 常用标签集合

    常用标签集合 header.article.aside.section.footer.nav.h1-h6.p.ul.ol.li.img.dl.dt.dd-绝对路径.相对路径.标签语义化.标签嵌套规范. ...

最新文章

  1. 量子叠加态系数_1.2 量子比特
  2. 建议博客园增加 blog 内容的 zip 打包功能。
  3. python 函数可以作为容器对象的元素_python第十二天, 三元表达式, 函数对象,名称空间与作用域,函数的嵌套定义...
  4. python多核运行程序怎么关闭_在多核上运行程序
  5. Python 生成器 迭代器
  6. MATLAB的Kmeans函数实现聚类
  7. java读取文件指定内容_Java读取文本指定的某一行内容
  8. 非阻塞式JavaScript脚本介绍
  9. linux中如何批量修改文件名
  10. c#使用资源文件完成国际化
  11. java类中静态变量自增_Java中静态变量(类变量)、实例变量、局部变量和成员变量...
  12. GEE学习记录(四)基于NPP和GPP数据集产生NPP8天、月度数据
  13. python求解二元一次方程组代码_如何编程求二元一次方程组的解
  14. exmail邮件被退回
  15. 离散数学西电版复习笔记——第一章:命题逻辑
  16. 管家婆商品库存盘点功能
  17. 新人怎么发邮件,怎么给客户发一封得体的邮箱—TOM邮箱分享
  18. kafka启动失败 The Cluster ID doesn‘t match...
  19. php 画布插入图像,PHP图片处理之图片背景、画布操作
  20. CC00027.hadoop——|HadoopHive.V27|——|Hive.v27|Hive优化策略|实战.v03|

热门文章

  1. cadence生成网表步骤
  2. 单片机外围电路:电阻(2)之上下拉电阻
  3. 汽车轮毂的三维尺寸测量应用
  4. 开源 | 自动驾驶中基于激光雷达的车辆道路和人行道实时检测!
  5. SEO大师丘仕达经典语录总结
  6. 如何化身BAT面试收割机?热度飙升!
  7. 考研数学-立体几何(郑小松老师)-2020-03-08
  8. clannad手游汉化版_CLANNAD中文版下载,家族中文版下载,CLANNAD下载单机游戏下载
  9. 【阅读笔记】快手OCPX广告冷启动影子价格法
  10. SpringCloud+Dubbo3 = 王炸 !