HTML元素分类
根元素标签
id属性: 以ID形式选取元素
class属性:以class形式选取元素
title属性:鼠标悬停的时候显示的描述文字
style属性:行内样式
contentedtable属性:可编辑的内容区域,一般用来制作富文本编辑器
data-* :临时在标签元素上存储数据
hidden :使标签元素隐藏,占据空间的
全局属性,可以加在任何的标签元素上
文本类的标签
加粗显示
斜体
加强显示
斜体
删除线标签
~ 标题标签
空标签
下标标签
上标标签
地址标签
代码标签
格式化标签
引用标签
进度标签
时间标签
图像类的标签
外部图片链接
图片标签
图片标签
热点图片标签
热点图片标签
视频、音频类的标签
音频标签
视频标签
加载资源
表格
表格的标题
表头信息
表格内容
表头的行
表格内容的行
单元格
表的尾部
表单
表单标签
单行文本标签
text 文本类型
password 密码类型
submit 提交按钮
email 邮箱地址
hidden 隐藏
checkbox 多选项
radio 单选项
reset 重置
button 按钮
file 文件
image 图片
多行文本标签
按钮
下拉菜单
下拉菜单选项
表单的描述信息
列表
- 列表元素
定义标题
定义说明
链接
链接标签
href属性:代表的是链接地址:一般都是绝对地址
target属性:打开方式
布局类的标签
头部标签
主题标签
侧边栏标签
导航标签
网站底部
定义文章
尽量少使用div
头部标签(包含在head里面的标签)
头部标签
元信息标签
keywords属性:网站关键字
description属性:网站描述
robots属性:设置搜索引擎是否抓取
charset属性:设置编码格式
viewport属性:写移动端页面的时候必加的
http-equev属性
X-UA-Compatible 优先使用的浏览器
renderer属性,优先使用的内核
PC端网站常用的
一般移动端会加
链接CSS
rel属性:链接资源与宿主之间的关系
stylesheet代表的是层叠样式表
icon代表的是图标
apple-touch-icon代表的是苹果触屏手机的图标
移动端会加
sizes属性:指明icon图标的大小
type属性:指明链接资源的类型
链接JS
src属性:脚本链接地址
async属性:异步脚本加载
标题标签
行内CSS样式
框架
框架标签
框架标签
canvas画图
SVG画图