html5新增语义标签

1、header

<header> 标签定义文档的页眉(介绍信息)。

2、nav

<nav> 标签定义导航链接的部分。

3、article

<article> 标签定义外部的内容。

外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

4、footer

<footer> 标签定义文档或节的页脚。

<footer> 元素应当含有其包含元素的信息。

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

您可以在一个文档中使用多个 <footer> 元素。

5、aside

使用例子:页面侧边栏、广告、友情链接、文章引语(内容摘要)。

6、section

一个主题性的内容分组,通常包含一个头部(header),可能还包含一个尾部(footer)。

div与section的比较:div应用更广泛,只要你想为一个区域定义一个样式,就可以使用div标签,section包含的内容是一个更明确的主题,通常有标题区域。

7、main

显示页面的主体内容,每个页面只能包含一个main标签main标签中不包含网站标题、logo、主导航、版权声明等信息。

8、figure

用于对元素进行组合

9、<figcaption> 标签定义 figure 元素的标题,"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

时间: 2024-10-07 15:05:52

html5新增语义标签的相关文章

浅谈html语义化标签,Html5新增语义化标签

Html语义化标签,Html5新增语义化标签 自己在学习的期间,整理了下html关于语义化标签的一些知识,列的不是很全. 希望大家有新的见解可以给我留言,我会补充上去,谢谢大家 1.什么是语义化标签? 那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如, 网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签. 文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等. 2.为啥使用语义

html5新增的标签和使用的方法

html5新增的标签: /*<article> 标签定义独立的内容.*/ <article> <h1>标题</h1> <a href="#">你好</a> <p>这是一段文件内容</p> </article> /*<aside> 标签定义其所处内容之外的内容. 提示:提示:<aside> 的内容可用作文章的侧栏.*/ <p>Me and my

HTML5新增Canvas标签及对应属性、API详解(基础一)

知识说明: HTML5新增的canvas标签,通过创建画布,在画布上创建任何想要的形状,下面将canvas的API以及属性做一个整理,并且附上时钟的示例,便于后期复习学习!Fighting! 一.标签原型 <canvas width=”1000” height=”1000” id=”myCanvas”> 您的浏览器版本过低,不支持HTML5新增的canvas标签. </canvas> 使用js获取该画布,并指定对象 <script> Var canvasID = doc

新增语义标签

Article标签:表示包含于一个文档,页面,应用程序或网站中的一段独立的内容,也就是说,他能独立地被发布或重新使用 例子: 一篇博客 一个论坛的帖子 一片新闻报道 用户评论 header标签:一般被放置在页面的顶部,或者页面中某个区块元素的顶部,包含整个页面或区块标题,简介等信息. 例子: 一个文档中,可以包含多于一个的header标签 header标签不一定非要显示在页面的上方,他的内容决定这里需要使用header标签,位置并不重要 可以为body article section和aside

HTML5新增的标签与属性

一.关于DTD HTML5 不基于 SGML,所以不需要引用 DTD(HTML 4.01 基于 SGML) 二.HTML5结构标签 <header> 标记定义一个页面或一个区域的头部 <nav> 标记定义导航链接 <section> 标记定义一个区域 <aside> 标记定义页面内容部分的侧边栏 <article> 标记定义一篇文章 <hgroup> 标记定义文件中一个区块的相关信息 <figure> 标记定义一组媒体内容

html5新增语义化标签

注意:body.section.nav 需要h1-h6. div.header则不需要. 1):<article> 显示一个独立的文章内容. 例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户评论等等.artilce可以嵌套,则内层的artilce对外层的article标签有隶属的关系. 例如,一个博客文章,可以用article显示,然后一 些评论可以以article的形式嵌入其中. <article> <h1>文章标题</h1> 这是一篇文章

html5 新增媒体标签详解 &lt;audio&gt;音频 &lt;vedio&gt; 视频 &lt;source&gt; &lt;canvas&gt; 标记定义图片&lt;embed&gt; 标记定义外部可交互内容或者插件 标记定义图片媒体资源

html5 变得更加简洁易用,新增了不少结构标签 比如<article> 标记一篇文章   <header> 定义头部 <footer> 定义底部  <nav> 定义导航  <section> 定义一个区域  <aside> 定义侧边栏 <hgroup> 标记定义文件夹一个区块的相关信息 同时也新增了 <audio><vedio><source>  下面我们就来详细的讲解一下这三个媒体标

HTML5新增的标签

结构性元素<header><footer>定义页眉(与<head>不一样)和页脚 <section>定义section<article> 定义文章 <nav>定义导航链接 语义性块元素 <aside> 定义页面内容之外的内容 <dialog>定义对话 <figure> 规定独立的流内容(图像.图表.照片.代码等等) 语义性内联元素 <m>定义加上标志 <meter> 定义百分

第二篇、HTML5新增标签

<html> <head> <meta charset="UTF-8"> <title>html5新增的标签</title> </head> <body> <!--结构性标签 常用于新闻.文章等--> <article> <header> </header> <section> </section> <section>