HTML5新增标签一

介绍HTML5中新添加的标签用法于说明。

操作方法

  • 01

    <aside>  添加附注,用于包含于当前文档相关的内容,如侧栏提示文档相关文档,也可以使用来放广告、相关内容链接,一个完全独立的区块——作为页面主要内容的陪衬

  • 02

    <article> 独立文档标记(表示一个完整的、自成一体的内容块),比如博客文章或新闻报道。

  • 03

    <hgroup> 标注副标题/标题分段标记(主要用于制作目录时进行分节,其他很少需要)

  • 04

    <figure> 添加插图,用来包含内嵌于文档中的图片、视频等大文件,使之从文档的数据流中独立出来,不耽误文档的加载速度

  • 05

    <figcaption> 添加图题 ,如<figure>下包含图片和文字,将文字放在<figcaption>中

  • 06

    <header> 一种是用它标注内容的标题 另一种是用它标注网页的页眉

(0)

相关推荐

  • html5常用标签使用实例

    很多人可能由于习惯,有时虽然知道html5的新标签语义明晰,但有时依然绕不过弯,想都不想直接用div了.这里了简单介绍一下几个html5中的标签,并做一个简单的样例. 操作方法 01 首先,heade ...

  • 谈谈Html5新增的标签

    Html5是一个超文本标签语言,相比于上个版本而言,增加了很多新的标签,这里呢只谈谈一些简单而又容易被大家忽视的,像常用的<header><footer>标签这里就不做表述. ...

  • HTML5新增表单标签六

    介绍HTML5中新添加表单标签用法于说明. 操作方法 01 我们不会再标记中设置contentEditable属性,要设置也是通过javascript,并且在编辑完成后再取消可编辑的功能. (不要把这 ...

  • 如何处理html5新标签的浏览器兼容问题

    操作方法 01 HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML(标准通用标记语言下的一个应用)标准版本:现在仍处于发展阶段,但大部分浏览器已经支持某些HTML5 ...

  • Web前端开发需要学习什么

    前端技术是近几年发展并受到重视且独立出来的技术,前端技术的开发是一个先简单后难得过程,那么前端的学习需要掌握哪些知识呢?下面我们来探讨一下. 操作方法 01 预学习知识:HTMl5+ CSS3 前端学 ...

  • HTML5网站有什么优点?

    html5网站设计技术的特点有: 操作方法 01 1. 代码简洁 HTML5网页的冗余代码比传统网页要少很多,极大方便了程序员和用户. 02 2.全新的标签,网站定义更丰富 相对于旧版本的HTML,H ...

  • 简单HTML5打造内涵搜索框

    随着HTML5的深入人心,其越来越多的新功能为大家所用,HTML5新增了不少人性化标签和属性,马上介绍的就是新的表单属性. 操作方法 01 代码: <input type="text& ...

  • HTML5语义化总结

    HTML基础  html教程 操作方法 01 Html语义化理解  1.什么是HTML语义化? 基本上都是围绕着几个主要的标签,像标题(H1~H6).列表(li).强调(strong em)等等> ...

  • 迅捷思维导图怎么添加编号标签?

    迅捷思维导图建立的导图想要添加编号便签,该怎么添加呢?下面我们就来看看详细的教程. 1.首先在你的电脑上准备一款迅捷思维导图软件,打开软件点击新建模版 2.接着开始绘制你需要的思维导图了,点击创建节点 ...