HTML5常用标签全览与基础应用
需积分: 31 126 浏览量
更新于2024-09-08
1
收藏 8KB TXT 举报
HTML5是第五代超文本标记语言,它在HTML4的基础上进行了重大改进和扩展,以更好地支持Web应用程序和移动设备上的交互式内容。HTML5常用标签大全包含了大约七八百个标签,这些标签对于前端开发人员来说至关重要,因为它们构成了网页的基本结构和功能。
1. **文档类型声明** (`<!DOCTYPE>`): 它告知浏览器当前文档采用的是哪个版本的HTML标准,如<!DOCTYPE html>表明使用HTML5。
2. **链接标签** (`<a>`): HTML中的锚点链接,用于创建超链接,是网页中不可或缺的部分。
3. **表意元素**:
- `<abbr>`: 缩写词,用于定义文本的缩写形式。
- `<acronym>`: 首次出现时显示全称,之后显示缩写,现在已被`<span>`和`data-*`属性取代。
- `<address>`: 提供作者或联系信息。
4. **插件和多媒体**:
- `<applet>`: 早期用于运行Java小程序,但在现代浏览器中已被淘汰,用JavaScript和WebAssembly代替。
- `<audio>` 和 `<video>`: 用于嵌入音频和视频内容,分别处理不同的媒体格式。
5. **区块级元素**:
- `<article>`: 用于表示独立的文章或片段,适合SEO和内容管理。
- `<aside>`: 用于放置与主要内容相关的补充信息,如侧边栏。
- `<audio>` 和 `<canvas>`: 提供图形和音频渲染能力。
- `<figure>` 和 `<figcaption>`: 结合使用,用于包含可选的图片或图表以及其描述。
6. **结构元素**:
- `<body>`: 页面主体,包含所有可见内容。
- `<br>`: 换行符,结束标签可省略。
- `<button>`: 用户交互按钮。
- `<div>`: 常见的容器元素,用于布局和组织内容。
7. **排版和样式**:
- `<b>` 和 `<i>`: 斜体和粗体,现在推荐使用CSS控制样式。
- `<base>`: 设置默认URL,简化相对URL引用。
- `<font>`: 已被废弃,不再推荐使用,CSS3提供更丰富的字体控制。
8. **文本处理**:
- `<bdo>`: 控制文本方向,比如设置从右到左文字。
- `<big>` 和 `<small>`: 改变文本大小,现代CSS更适合调整字号。
- `<blockquote>`: 引用块,通常用引号包围。
9. **表单元素**:
- `<input>`: 标准输入字段,包括文本框、密码框、按钮等。
- `<label>`: 与表单控件关联的标签,提供用户反馈。
- `<select>` 和 `<option>`: 下拉菜单和选项。
10. **表格**:
- `<table>`: 创建表格,包含 `<tr>`(行)、`<th>`(表头)和 `<td>`(数据单元格)。
11. **表单辅助**:
- `<form>`: 定义表单提交目标和方法。
- `<fieldset>` 和 `<legend>`: 组织相关表单元素并提供标题。
- `<datalist>`: 提供下拉列表供用户输入建议值。
12. **导航和页眉页脚**:
- `<header>`: 页眉区域,通常包含站点名称和导航链接。
- `<footer>`: 页脚,通常包含版权信息和联系方式。
- `<nav>`: 用于导航链接的结构化元素。
13. **框架和多窗口**:
- `<frame>` 和 `<frameset>`: 旧的框架布局方式,现在通常使用CSS Grid或Flexbox布局。
- `<noscript>`: 提醒无脚本支持的用户内容可能无法正常工作。
14. **其他特殊元素**:
- `<hr>`: 水平线。
- `<html>`: 元素根节点,定义整个HTML文档。
- `<i>`: 短小斜体,现在推荐使用CSS3的`font-style`属性。
- `<iframe>`: 内联框架,用于嵌入其他网页或应用。
HTML5常用标签大全提供了前端开发中必不可少的基础工具,通过熟练掌握这些标签及其用途,开发者能够构建出功能丰富、兼容性良好的现代Web页面。随着技术的进步,有些标签可能会逐渐过时,但基础结构和语义元素是长久不变的核心。
649 浏览量
284 浏览量
294 浏览量
185 浏览量
853 浏览量
有着程序员梦想的炒股王
- 粉丝: 0
- 资源: 1
最新资源
- HPUX系统优化简述-公众第一版
- ATMEGA16单片机
- IAR C LIBRARY FUNCTIONS Reference Guide
- Catia二次开发-界面定制
- GEC2410B实验箱教学平台-基础实验教程
- GEC2410B实验箱教学平台--uCOS----uCOS教程
- 嵌入式系统原理(简介与入门)
- 广嵌2440开发板实验资料本实验指导手册针对目前国内非常流行的三星公司 ARM9 嵌入式微处理器――S3C2440A,通过具体的实例精讲,详细介绍了 ARM9 嵌入式常用模块的原理和驱动程序实现方法。
- 网络工程师复习笔记1至15章(DOC)
- 基于TMS320LF2407A的SVPWM控制技术
- Spring-JdbcTemplate(中文)
- 应变式称重传感器的设计
- 软件工程——实践者的研究方法(原始版)
- Struts in Action 中文修正版.pdf
- 运行时类型识别(RTTI)原理.当你看到一种颜色,想知道它的RGB成分比,不查色表行吗?当你持有一种产品,想知道它的型号,不查型录行吗?要达到RTTI的能力,我们一定要在类构建起来的时候,记录必要的信息,已建立型录。型录中的类信息,最好以链表方式连接起来,将来方便一一比较
- 毕业设计中英文翻译中英文翻译