CSS3新标签

一、HTML5简介

1、HTML5的发展历史

2、HTML5的支持浏览器

不同的浏览器显示的效果可能不一样。因为HTML5没有一个统一的标准,不同的浏览器解析时不一样的,现在还处于一个推广的阶段,但是大部分的是一样的.

二、Html5新标签

语义化:

       HTML特点

1.增加了新特性:语义特性,本地存储特性,设备兼容特性,连接特性,网页多媒体特性,三维、图形及特效特性,性能与集成特性,CSS3特性。

2.<header></header>

说明:定义文档的页眉,至少包含(但不局限于)一个标题标记(<h1>-<h6>),还可以包括<hgroup>标签,还可以包括表格内容、标识、搜索表单、<nav>导航等。<header>标签不能被放在<footer>、<address>或者另一个<header>元素内部,但它不局限于写在网页头部,也可以写在网页内容里面。

3.<nav></nav>

  说明:作为页面导航的链接组,其中的导航元素链接到其它页面或者当前页面的其它部分。在语义化方面更加精确,同时对于屏幕阅读器等设备支持更好。

4.<main></main>

  说明:在一个文档中,不能出现一个以上的<main>元素。<main>元素不能是以下元素的后代:<article>、<aside>、<footer>、<header>或<nav>。

5.<article>

比section具有更明确的语义,它代表一个独立的、完整的相关内容块,可独立于页面其它内容使用例如一篇完整的论坛帖子,一篇博客文章,一个用户评论等等。一般来说,article会有标题部分(通常包含在header内),有时也会包含footer。article可以嵌套,内层的article对外层的article标签有隶属关系(父子关系)。例如,一篇博客的文章,可以用article显示,然后一些评论可以以article的形式嵌入其中。

5、<section>

<section>标签定义了文档的章节,本意是区块。比如章节、头部、底部或者文档的其他区域,它表示一段专题性的内容,通常由内容及其标题组成。

6、<aside></aside>

用来装载非正文的内容,被视为页面里面一个单独的部分。它包含的内容与页面的主要内容是分开的,

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值