HTML5／CSS3相关的知识讲解

jacklove

发布时间：2018-05-21 14:53:18

1493人浏览过

来源于php中文网

原创

在html和css学习中遇到一些常见的知识点，本篇将会对其进行详解。

HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签？

HTML5是HTML第五次重大修改，废弃了许多沉冗的标签，同时也新增了许多新的标签，使HTML更加语义化，交互功能更加丰富。
在HTML5中，拥有许多新的特性：
1、更多语义化标签，赋予网页更好的意义和结构；
2、支持本地存储。网页APP拥有更短的启动时间，更快的联网速度
3、设备兼容。外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头进行交互
4、链接更快。实现了Server-Sent Event和WebSockets，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现
5、audio和video标签的引用，可以在页面上嵌入多媒体内容
6、基于svg，canvas的三维、图形及特效特性

下面就是一些新增的标签和改变
1、关于DOCTYPE

//以前的HTMLbr/> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">//HTML5

立即学习“前端免费学习笔记（深入）”；

2、关于meta

//以前HTML//HTML5

3、新的标签
canvas标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
audio定义音频内容
video定义视频（video 或者 movie）
source定义多媒体资源

元素的标题
footer定义section或document的页脚
header定义了文档的头部区域
mark定义带有记号的文本
meter定义度量衡。仅用于已知最大和最小值的度量
nav导航
progress定义任何类型的任务的进度
ruby定义ruby注释（中文注音或字符）
rt定义字符（中文注音或字符）的解释或发音
rp在 ruby 注释中使用，定义不支持ruby元素的浏览器所显示的内容
section定义文档中的节（section、区段）
time定义日期或时间
wbr规定在文本中的何处适合添加换行符

以往我们会使用

标签了划分页面区块，现在HTML5中新增了

如何使用 HTML5 Video 和 JavaScript 实现实时黑白视频流

HTML5 实时黑白视频流处理教程

HTML5 实时黑白视频流处理教程：基于 Canvas 的像素级阈值转换

如何限制 HTML5 音频播放器的最大音量（JavaScript 实现）

javascript如何实现表单验证_有哪些最佳实践？

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

相关标签:

html5 css3 css

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：在vue组件中传递数据步骤详解下一篇：在JavaScript中对原型prototype全面分析

作者最新文章

仿站小工具的使用教程

2018-07-11 14:04

用好anyproxy提高公众号文章采集效率详解

2018-07-07 17:50

PHP 闭包获取外部变量和global关键字声明变量的区别讲解

2018-07-07 17:51

linux下的php-fpm参数配置介绍与参数优化说明详解

2018-07-07 17:53

php实现签到功能的方法实例分析详解

2018-07-07 17:54

解决Linux下php-fpm进程过多导致内存耗尽问题详解

2018-07-07 17:55

php实现签到功能的方法实例分析de详解

2018-07-07 17:56

php操作zip在不解压缩包的情况下显示压缩包中的图片相关讲解

2018-07-07 17:57

Laravel 5.5中为响应请求提供的可响应接口的详解

2018-07-07 17:58

laravel5 使用try catch的实例讲解

2018-07-07 18:01

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI大模型

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

高德地图升级方法汇总

本专题整合了高德地图升级相关教程，阅读专题下面的文章了解更多详细内容。

2026.01.16

全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总，阅读专题下面的文章了解更多详细内容。

121

2026.01.16

C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立可测试、可维护、高质量的 C++ 项目体系。

2026.01.16