常用的行内元素
b 粗体 用于摘要中的关键字
img 嵌入多媒体 插入图片 空元素 单标签
br 换行 单标签 空元素
script 嵌入可执行脚本 双标签
span 行内容器 无语义
button 按钮 双标签
input 输入框 空元素
label 表示说明 搭配表单元素使用 不可再label放可交互元素和标题
select 下拉菜单 搭配表单元素使用
textarea 多行文本编辑器 搭配表单元素使用 支持部分input属性
strong 粗体 表示文本十分重要
常用的块级元素
div 块级容器 无语义 支持所有全局属性 不适用css对布局无任何影响
hr 分割线 空元素 适用css修饰
ul 无序列表 配合li使用
table 表格 配合 thead tbody th tr td
section 区段 表示html文档中的独立部分 比如搜索结果列表 地图显示 等
form 表单 包含交互控件 用于向web服务器提交信息
p 行 表示整块文本 与相邻文本分离
h1-h6 标题 h1级别最高 h6最低
标题要点:
不要为了减少标题字体大小使用低级别标题 而是使用css font-size属性
使用section时 应当每个都使用同一个级别标题
h5 新增
新的区块与段落元素
section 区段 表示html文档中的独立部分 比如搜索结果列表 地图显示 等
article 表示在文档 页面 应用或网站中独立结构 可复用的结构
nav 提供导航 通常用于 菜单 目录 索引
header 用于文章或页面 的header 内放置logo 标题 或者 nav
footer 用于文章或页面 的footer 包含版权信息 联系方式等
aside 与文章或页面无关的部分 可以单独拆分不影响文章与页面的显示 用于侧边栏或标注框
main 内容主体部分 一般用于 header footer中间 用于展示主要的内容
figure 独立内容 与 figcaption 配合使用 用于 主文中引入图片 表格 代码段等
figcaption 与其相关的 图片的说明/标题 用于描述figure里的数据
音频视频
audio 在文档中嵌入音频
video 在文档中嵌入视频并 提供播放界面
脚本
template 储存一段html代码 视为模板 可在后续操作中插入视图中
文字形式
mark 高亮文本 突出显示 用于 搜索引擎搜索后的关键词高亮显示
嵌入内容
embed
source 为picture audio video 指定多个媒体资源 空元素
track 为audio和 video 指定字幕 空元素
canvas 代表画布 通过JavaScript 绘制图形和动画
svg 定义一个嵌入矢量图
表单
datalist 包含一组元素 这些元素表示了其他表单控件的可选值
progress 表示一个进度条
交互元素
details 展开状态时显示内含信息 类似折叠面板
summary 为details提供 概要或标签
