大学生新闻网，大学生新闻发布平台
HTML5 语义元素
语义= 意义.
语义元素 = 元素的意义.
什么是语义元素?
一个语义元素能够清楚的描述其意义给浏览器和开发者。
无语义 元素实例: <div> 和 <span> - 无需考虑内容.
语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容.
浏览器支持
Internet ExplorerFirefoxOperaGoogle ChromeSafari
Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。
注意: Internet Explorer 8及更早版本不支持该元素. 但是文章底部提供了兼容的解决方法.
HTML5中新的语义元素
许多现有网站都包含以下HTML代码： <div id="nav">, <div class="header">, 或者 <div id="footer">, 来指明导航链接, 头部, 以及尾部.
HTML5提供了新的语义元素来明确一个Web页面的不同部分:
<header>
<nav>
<section>
<article>
<aside>
<figcaption>
<figure>
<footer>
HTML5 <section> 元素
<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
根据W3C HTML5文档: section 包含了一组内容及其标题。
语义元素 = 元素的意义.
什么是语义元素?
一个语义元素能够清楚的描述其意义给浏览器和开发者。
无语义 元素实例: <div> 和 <span> - 无需考虑内容.
语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容.
浏览器支持
Internet ExplorerFirefoxOperaGoogle ChromeSafari
Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。
注意: Internet Explorer 8及更早版本不支持该元素. 但是文章底部提供了兼容的解决方法.
HTML5中新的语义元素
许多现有网站都包含以下HTML代码： <div id="nav">, <div class="header">, 或者 <div id="footer">, 来指明导航链接, 头部, 以及尾部.
HTML5提供了新的语义元素来明确一个Web页面的不同部分:
<header>
<nav>
<section>
<article>
<aside>
<figcaption>
<figure>
<footer>
HTML5 <section> 元素
<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
根据W3C HTML5文档: section 包含了一组内容及其标题。
- 作者：大学生新闻网 来源：大学生新闻网
- 发布时间：2025-03-31 阅读：
- 扫一扫 分享悦读
- HTML5 Web 存储
- 在HTML5之前，主要是使用cookies存储，cookies的缺点有：需要在请求头上带着数据，存储大小不过，在4k之内。
- 03-31 关注：0
- HTML5 语义元素
- 一个语义元素能够清楚的描述其意义给浏览器和开发者。
- 03-31 关注：0
- HTML5 表单属性
- 在之前的章节内容中，我们介绍了HTML5表单元素，进一步的，在本节内容中，你会了解到HTML5的表单属性。
- 03-31 关注：0
- HTML5 表单元素
- 注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。
- 03-31 关注：0
- HTML5 Input 类型
- 在本站的HTML教程中，你应该已经了解过HTML表单输入类型了，而在本节的内容中，我们将介绍HTML5中新增的一些表单类型！
- 03-31 关注：0
- HTML5 Audio(音频)
- 通过使用HTML5中的audio功能，你可以实现与flash相同的功能，即回放、跳转、缓冲等。
- 03-31 关注：0
- HTML5 Video(视频)
- 在本节内容中，你将了解到在HTML5中视频是如何工作的、主流浏览器支持的视频格式以及如何对网页中的视频进行控制。
- 03-31 关注：0
- HTML5 地理定位
- HTML5 Geolocation（地理定位）用于定位用户的位置。
- 03-30 关注：4
-
客服QQ：471708534 大学生新闻网©版权所有