HTML5新特性——新的语义化标签

本文介绍了HTML5中新增的语义化标签,如
,
摘要由CSDN通过智能技术生成

HTML5的新增特性主要是针对于以前的不足,增勖加了一些新的标签、新的表单新的表单属性等。
这些新特性都有兼容性问题,基本是9+以上版本的浏览器才支特,如果不考虑兼容性问题,可以大量使用这些新特性。
声明:
1.新特性增加了很多,但是我们专注于开发常用的新特性
2.基础班我们讲解部分新特性,到了就业班还会继续讲解其他新特性。

HTML5新增的语义化标签

语义 = 意义

什么是语义元素?

一个语义元素能够清楚的描述其意义给浏览器和开发者。

无语义 元素实例: <div> 和 <span> - 无需考虑内容.

语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容.

以前布局基本都是用div来做。div对于搜索引擎来说,是没有语义的。

许多现有网站都包含以下HTML代码: <div id="nav">, <div class="header">, 或者 <div id="footer">, 来指明导航链接, 头部, 以及尾部.

HTML5 提供了新的语义元素来明确一个Web页面的不同部分:

<header>、<nav>、<section>、<article>、<aside>、<figcaption>、<figure>、<footer>

  • <header>

<header>元素描述了文档的头部区域

<header>元素主要用于定义内容的介绍展示区域.

在页面中你可以使用多个<header> 元素.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html5新增特性之语义标签——header</title> 
</head>
<body>

<article>
  <header>
    <h1>Internet Explorer 9</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
  </header>
  <p> Windows Internet Explorer 9(
  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值