HTML5初学者必看：22个实用技巧解析
需积分: 10 184 浏览量
更新于2024-09-16
2
收藏 100KB DOC 举报
“HTML5的初级技巧文档提供了一些关于HTML5入门的基础知识和实用技巧，包括新的Doctype声明、<figure>标签的使用、<small>标签的重新定义以及Javascript和CSS标签type属性的去除等。”
在HTML5中，开发者可以体验到一系列新特性和改进，使得网页制作更加高效且语义化。以下是文档中提到的四个关键知识点：
1. **新的Doctype声明**：HTML5引入了一个简洁的Doctype声明，它极大地简化了之前的XHTML声明。HTML5的Doctype是`<!DOCTYPE html>`，这个声明能够使所有现代浏览器（如Firefox、Chrome）以及较旧的IE6/7/8进入标准模式。由于其简洁性，记忆起来更为方便。
2. **<figure>标签**：HTML5新增的<figure>标签用于包裹那些具有独立性的内容，比如图片、图表或代码示例。配合<figcaption>标签，可以为这些内容添加描述，提高代码的语义化。例如，用于包裹图片和相关描述，使得结构更清晰。
3. **<small>标签的重新定义**：在HTML5中，<small>标签不再仅仅用于调整字体大小，而是用于表示次级或者辅助性的文本，如注释、细则或版权信息。这使得它的语义更为明确，增强了内容的可读性和可理解性。
4. **去掉了Javascript和CSS标签的type属性**：在HTML5之前，我们通常需要在<link>和<script>标签中指定type属性，以告知浏览器加载的资源类型。然而，HTML5默认已知<link>用于CSS，<script>用于JavaScript，所以现在这两个标签不再需要指定type属性，简化了代码。
除此之外，HTML5还引入了许多其他特性，如离线存储（localStorage和sessionStorage）、音频和视频元素（<audio>和<video>）、画布（canvas）、Geolocation API等，这些都极大地扩展了网页开发的可能性。学习并掌握这些HTML5的初级技巧，将有助于提升网页开发效率和用户体验。
技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将
到来的 HTML5，本文总结了 个 的初级技巧，希望能对你进一步学习好
会有所帮助。
1. 新的 Doctype 声明
的声明太长了，我相信很少会有前端开发人员能手写出这个 声明。
!""#""$%&'()*++)("",
-""...%.#%'/"0"1$""1$!'()*++)(%22 3
的 声明很短，看到这个声明相信你马上就能记住，不用浪费脑细胞
去记那长的有点变态的 的 声明了。
3
的简短的 声明是让 4+'51、' 等现代浏览器和 6"7"8 等
浏 览 器 都 进 入 9 准 : 标 准 模 式 ， 你 可 能 会 奇 怪 6"7 居 然 也 可 以 支 持
，事实上， 是只要 2 符合 这种格式，都会进入标准模式。
2. <gure>标签
看看下面一段简单的代码：
+/(; <=+(/ *'; (""+(/ 3
63+(/5('*%"63
遗憾的是，这里的 6 标签和 +/ 标签好像没有什么关系，语义不够明确。 意
识到了这一点，于是就采用了>/='3标签。当>/='3结合>/(+)3标签
的使用，可以让 6 标签和 +/ 标签组合起来，代码就更具语义化了。
>/='3
+/(; (=+(/ *'; (""+(/ 3
>/(+)3
63+*+*()+(/5*+)/+)'*+)/%"63
下载后可阅读完整内容，剩余9页未读，立即下载
117 浏览量
2009-01-06 上传
2022-11-19 上传
2021-10-07 上传
2023-02-03 上传
2010-04-10 上传
2022-11-30 上传
2022-12-23 上传
2011-12-24 上传
chuxy1990
- 粉丝: 0
- 资源: 3
我的内容管理
展开
最新资源
- SSM Java项目：StudentInfo 数据管理与可视化分析
- pyedgar：Python库简化EDGAR数据交互与文档下载
- Node.js环境下wfdb文件解码与实时数据处理
- phpcms v2.2企业级网站管理系统发布
- 美团饿了么优惠券推广工具-uniapp源码
- 基于红外传感器的会议室实时占用率测量系统
- DenseNet-201预训练模型：图像分类的深度学习工具箱
- Java实现和弦移调工具：Transposer-java
- phpMyFAQ 2.5.1 Beta多国语言版：技术项目源码共享平台
- Python自动化源码实现便捷自动下单功能
- Android天气预报应用：查看多城市详细天气信息
- PHPTML类：简化HTML页面创建的PHP开源工具
- Biovec在蛋白质分析中的应用：预测、结构和可视化
- EfficientNet-b0深度学习工具箱模型在MATLAB中的应用
- 2024年河北省技能大赛数字化设计开发样题解析
- 笔记本USB加湿器：便携式设计解决方案
