前端+AI：HTML5语义标签（一）

编辑工具Trae： Trae AI

分享一个电脑使用技巧，针对windows电脑.
windows+ 左/右→ 可实现左右分屏。

hr是一个单标签。

1.HTML5

1.1 标签关系

• 并列关系
• 嵌套关系

1.2 视频 video标签

支持mp4、webm、ogg格式，主要用mp4格式。

• controls：播放控件（h5中属性键和值相同时，可省略值）
• loop：循环播放
• autoplay：自动播放（先要静音，才可以自动播放）
• muted：静音播放
• poster：预览图像（封面）
  

1.3 音频 audio标签

禁止自动播放。

1.4 超链接

target属性值：_self（默认值）、_blank（打开新的页签）

1.4.1 分类

• 空连接：href的值：#
• 下载链接：href的值：文件路径
• 邮件链接：hreft的值：mailto:+邮箱

1.5 锚点链接

• 定义锚点目标：使用id属性创建锚点目标
• 创建跳转链接：使用#标记锚点。

<h2 id="1“"></h2><a href="#1“">111</a>

1.6 列表标签

1.6.1 分类

• 无序列表：ul > li
• 有序列表：ol > li
• 描述列表（自定义列表）dl (定义列表容器) > dt （定义被描述的术语）） > dd

1.7 表格

1.7.1 表格合并（合并数量遵循左上原则）

• 跨行合并：rowspan
• 跨列合并：colspan

1.8 表单

1.8.1 分类

• 表单容器
• 表单控件
• 辅助标签：label，某个元素的说明。

方式一：使用for和id相关联。

  <label for="nv">女</label><input type="radio" id="nv">

方式二：直接包含

  <label>男<input type="radio"></label>

1.8.2 属性

• accesskey：s。使元素获得焦点的快捷键（windows：Alt+S mac：Control+Option+s）
• autocomplete：on / off。记录表单历史记录

1.9 字符实体/特殊字符

&开头，分号（;）结尾。