HTML 相关知识点总结
- HTML文档结构：
- HTML文档以
<!DOCTYPE html>声明文档类型。 <html>元素是整个HTML文档的根元素。<head>元素包含文档的元信息，如标题、字符集、样式和脚本引用。<title>元素定义文档标题，显示在浏览器标签页上。<body>元素包含页面的主要内容。
- HTML元素：
- HTML元素由开始标签、内容和结束标签组成，例如：
<p>这是一个段落</p>。 - 有些元素是空元素，没有结束标签，例如：
<br>、<img>。
- 常用HTML元素：
- 标题元素：
<h1>到<h6>，用于定义标题。 - 段落元素：
<p>，用于定义段落。 - 超链接元素：
<a>，用于创建超链接。 - 图像元素：
<img>，用于插入图像。 - 列表元素：
<ul>（无序列表）、<ol>（有序列表）、<li>（列表项）。 - 表格元素：
<table>、<tr>、<td>，用于创建表格。 - 表单元素：
<form>、<input>、<button>，用于创建表单。
- HTML属性：
- HTML元素可以具有属性，为元素提供附加信息。
- 属性以键值对的形式出现，例如：
<a href="https://www.example.com">链接</a>。
- HTML注释：
- 注释用
<!-- 注释内容 -->的格式添加到HTML代码中，不会在浏览器中显示。
- HTML版本：
- HTML有不同的版本，如HTML4、HTML5等。HTML5是当前主流版本，引入了许多新特性和改进。
- HTML语义化：
- HTML应该按照语义规范编写，以便更好地描述文档结构，提高可访问性和搜索引擎优化。
- 嵌套与块级/内联元素：
- HTML元素可以嵌套，但要确保正确关闭和嵌套元素。
- 元素可以分为块级元素（如
<div>、<p>）和内联元素（如<span>、<a>）。
- 表单和输入元素：
- 表单用于收集用户输入数据，包括文本框、单选框、复选框、下拉框等输入元素。
- 多媒体元素：
<audio>和<video>元素用于嵌入音频和视频。<iframe>元素用于嵌入其他网页。
HTML标签：
- 文档结构标签：
<!DOCTYPE html>：声明HTML文档类型。<html>：HTML文档的根元素。<head>：包含文档的元信息，如标题、字符集等。<title>：定义文档标题。<body>：包含页面的主要内容。
- 文本标签：
- 标题：
<h1>到<h6>。 - 段落：
<p>。 - 强调：
<em>（斜体）和<strong>（粗体）。
- 列表标签：
- 无序列表：
<ul>，列表项使用 <li>。 - 有序列表：
<ol>，列表项同样使用 <li>。
- 超链接和图像标签：
- 超链接：
<a>，使用 href 属性指定链接目标。 - 图像：
<img>，使用 src 属性指定图像源。
- 表格标签：
<table>：定义表格。<tr>：定义表格行。<td>：定义表格数据单元格。<th>：定义表头单元格。
- 表单标签：
<form>：定义表单。<input>：用于创建输入字段，如文本框、复选框等。<select>：定义下拉框。<textarea>：定义多行文本输入框。<button>：定义按钮。
- 多媒体标签：
<audio>：嵌入音频。<video>：嵌入视频。<iframe>：嵌入其他网页。
- 样式和区块标签：
<div>：定义文档中的块级容器，用于组织内容。<span>：定义文档中的内联容器，用于样式部分文本。
HTML属性：
- 全局属性：
class：为元素定义一个或多个类名。id：为元素定义唯一的标识符。style：为元素添加行内样式。data-*：自定义数据属性。
- 超链接和图像属性：
href：定义超链接的目标地址。src：定义图像的源文件地址。
- 表格属性：
colspan：定义单元格跨越的列数。rowspan：定义单元格跨越的行数。
- 表单属性：
action：定义表单数据提交的URL。method：定义表单数据的提交方式（GET或POST）。
- 输入元素属性：
type：定义输入字段的类型（text、checkbox、radio等）。name：定义输入字段的名称。
HTML相关技术：
- HTML5新特性：
- 语义化标签：
<header>、<nav>、<article>等。 - 表单增强：新输入类型如
<input type="date">。 - 本地存储：
localStorage和sessionStorage。 - 媒体元素：
<audio>和<video>。
- 嵌套与DOM（文档对象模型）：
- 了解HTML元素的正确嵌套和DOM的概念，以便通过JavaScript操纵网页。
- 字符实体和转义字符：
- 使用
< 表示 <，> 表示 > 等字符实体。
- HTML注释和条件注释：
- 使用
<!-- 注释 --> 添加注释。 - 使用条件注释根据条件加载特定的HTML内容。
