本内容主要涉及HTML5中的<img>标记及其属性,以及HTML的基础知识和历史。
在HTML5中,`<img>`标记用于插入图像,它引入了一些新的属性以增强网页的可访问性和功能。以下是`<img>`标记的一些关键属性:
1. **alt**:这个属性提供了一个替代文本,当图像无法显示或者用户禁用了图像时,会显示这个文本。这对于搜索引擎优化和视觉障碍的用户来说非常重要。
2. **align**:虽然在HTML5中已不再推荐使用,但在旧版本HTML中,这个属性用来设置图像的对齐方式,包括`top`、`bottom`、`middle`、`left`和`right`。
3. **border**:定义图像周围的边框宽度,可以设置像素值,例如`border="5"`。
4. **width** 和 **height**:这两个属性分别指定图像的宽度和高度,可以是像素值或者百分比,有助于控制页面布局。
5. **hspace** 和 **vspace**:这两个属性在HTML5中已被废弃,它们分别定义图像水平和垂直方向的空白区域,但现代网页设计通常使用CSS来实现类似效果。
HTML5是HTML的最新版本,自1999年的HTML4.01发布以来,随着互联网技术的发展,HTML5应运而生以满足更复杂Web应用的需求。HTML5的新特性包括:
- 更强大的语义化标签,如`<header>`、`<footer>`、`<article>`和`<section>`,这些标签有助于提高内容的结构和可读性。
- 内置的多媒体支持,如`<video>`和`<audio>`元素,无需插件即可播放音频和视频。
- canvas画布和svg矢量图,提供动态图形和交互式内容的能力。
- 新的表单控件,如`<input type="date">`、`<input type="range">`,提高了表单输入的用户体验。
- 本地存储机制,如`localStorage`和`sessionStorage`,允许网站在用户浏览器中存储数据,实现离线应用。
- Web Workers和Web sockets,提升了Web应用的性能和实时通信能力。
HTML的基础包括一系列的标记,这些标记用于构建网页的结构和内容。例如,`<HTML>`、`<HEAD>`、`<TITLE>`、`<BODY>`等是HTML文档的基本结构标记。`<HTML>`标记定义了整个文档的开始和结束,`<HEAD>`包含文档的元信息,如标题和样式,`<TITLE>`定义了浏览器标签页上显示的页面标题,`<BODY>`则包含了网页的主要内容。注释通过`<!--...-->`进行添加,不会被浏览器解析显示。
HTML的历史始于1990年代初,由英国科学家Tim Berners-Lee在欧洲原子物理研究所创建,作为万维网(World Wide Web)的一部分。随着时间的推移,HTML经历了多个版本的迭代,逐渐发展成为如今支持各种复杂功能的标准化语言,支撑着全球互联网的繁荣。