OpenHarmony编译提速：最小重建与缓存优化实战
2026/9/13 1:56:29
@[TOC](这里写目录标题)
#1.HTML有一系列标签组成
#2.大部分都是双标签，eg:p,h1 h1+回车：补全 tab：采纳
少数单标签，如hr水平线 img source br(换行)
都用<>
#3.解释
4.标签关系以及AI排错
4.1并列关系<head></head> <body> </body>
4.2嵌套关系
<head>
<title> </title>
</head>
5.HTML的标题和段落
查看更多 是超链接，用a
h1一般是文章标题或者logo
7.强调与重要性标签
加粗，倾斜，下划线
语义化标签：方便给写代码的人看懂的，或者是让搜索引擎知道这个意义的
注释也可以换行书写
<!-- 11
22
33 -->
8.元素分类：块级元素，内联元素
注意：段落P标签里面不要包含其他块级元素，主要放内联元素。
9.图像标签02:41
<img src="pig.jpg"alt="这是佩奇">
属性
alt图片显示不出来的提示信息
title鼠标停留在图片上显示出来的信息
图片格式
10.路径分类
相对路径：相对于当前文件位置的路径（图片相对html文件的位置，html怎么找到图片）
相对路径分为三种:
（1）同一目录： 直接使用文件名即可(./表示当前文件夹)
<img src="pig.jpg" alt="这是佩奇">
<img src="./pig.jpg" alt="这是佩奇">
（2）下级子目录：使用目录名/文件名
<img src="img/pig,jpg" alt="这是佩奇">
（3）上级目录： 使用../返回上一级
<img src="../pig,jpg" alt="这是佩奇">
绝对路径：从根目录开始的完整路径，包含完整的URL地址。
可以从盘符开始（只能在自己电脑显示）
<img src="E:\Research\pig.png" alt="这是佩奇">
<img src="E:/Research/pig.png" alt="这是佩奇">
或者完整地址
（使用 \ 反斜杠，/也可以）
11.视频和音频
视频
视频的其他属性
视频兼容性
兼容性写法
音频
12.链接标签
a超链接，双标签
b加粗
href指链接转到哪个地址
<a> 点击的文字或者图片即可转到某个链接</a>
1.内部链接
2.外部链接
属性
其他链接
#空链接点击之后也是返回顶部
锚点链接
13.布局标签什么时候用什么标签
低版本采用div
section为区块标签（块级元素），里面可以嵌套其他标签
div和span标签
无具体含义，想要每次独占一行(竖着显示)用div，想要并列（横着显示）显示用span
14.列表标签
无序列表ul 有序列表ol 描述列表dl
1.无序列表：用于整齐对齐、与顺序无关的模块。由两组标签组合使用，不可单独使用
语法：<ul>
<li>爸爸</li>
<li>妈妈</li>
</ul>
li的数量是没有限制的
ul li都是块级元素
展示效果：
2.有序列表：（了解即可）
<ol>
<li>1.看视频</li>
<li>2.写代码</li>
<li>3.做笔记</li>
</ol>
3.描述列表：（3组标签）
<dl>
<dt>家电</dt>
<dd>电视</dd>
<dd>冰箱</dd>
<dd>空调</dd>
<dl>
dt与dd的内容默认缩进
dl里面只能包含<dt>(通常左对齐加粗)和<dd>（通常缩进）元素
一个<dt>可以对应多个<dd>
<dd>可以放其他元素
15.表格标签
表格只适用于数据展示，至于布局排版，还是要用网页结构标签
th与td的区别，th会加粗且字垂直水平居中，td不会
表格结构标签（语义标签，无实意，只是让结构更加清晰）
合并单元格
合并区域的“起始单元格”要选在左上角
16.表单：用于用户输入数据，并将数据提交到后端进行处理。
适用范围：用户登录注册，搜索框，联系表单，问卷调查，订单支付，文件上传。
1.2.表单容器：
2.表单控件：
2.1输入标签<input>：可以创建文本输入框、密码框、单选框、复选框。
type属性定义了输入框的类型
<input type="text">单行文本框，只能输入一行
name就是表单的名字maxlength比如密码最多六位数，验证码只能四个maxlength="6"
accesskey快速把光标定到某个文本框（或搜索框）windows系统中使用Alt+S键accesskey="s"
name实现分组效果，下面的例子，radio代表单选，name代表是同一组别，实现了选女男不亮，反之亦然
<input type="radio" name="gender">女
<input type="radio" name-"gender">男
文件域默认只能选一个，accept后面的文件类型要写点加文件类型（eg:.exe,.zip）
type可选
2.2多行文本输入框（文本域）
<textarea>:适用于允许用户输入大量自由格式文本的场景，如评论或反馈表单
row和col不是只能写这些，而是一次只能显示这些（可见区域），超出就要有滚动条了
2.3 select下拉选择框
2.4button按钮
当没有输入时，按钮禁用，用disabled实现，无触发机制，只能一直禁用
当点击登录后，代码写的name后面的具体名称就会出现在上面的搜索框中，如username。password等
17.辅助标签-label
label只是一个标签，把你想点击的内容用label包起来就可意了
方法一：for和id关联
<label for="nan">男</label>
<input type="radio" id="nan" name="sex">
方法二：直接用label标签包围你想点击的范围
<label>男
<input type="radio" name="sex">
</label>
18.字符实体
主要用 >><<空格 
代码：
18.示例总结