html元素分类

mac2024-03-13  14

将html元素大致分为了以下几类,可能不全,希望各位不要介意,看看就好。

根元素一些属性

id属性:以id属性选取元素class属性:以class属性选取元素title属性:鼠标悬停的时候显示的描述文字style属性:行内样式contentedtable属性: 可编辑的内容区域,一般用来制作富文本编辑器data-*: 临时在标签元素上存储数据hidden:使标签元素隐藏,占据空间

文本类的标签

b标签:加粗显示em标签:斜体strong标签:加粗显示i标签:文本中部分不同的部分,呈现为斜体文本del标签:删除线p标签:段落标签h1~h6:标题标签span:用来组合文档中的行内元素sub标签:下标标签address标签:地址标签code标签:代码标签pre标签:格式化标签cite标签:引用标签progress标签:进度标签time标签:时间标签

图像类的标签

img标签:外部图片链接figure标签:图片标签figcation标签:图片标签map标签:热点图片标签area标签:热点图片标签

视频、音频类的标签

audio标签:音频标签video标签:视频标签source标签:加载资源

表格

table标签:表格标签caption标签:表格的标题thead标签:表头信息tbody标签:表格内容th标签:表头的行tr标签:表格内容的行td标签:单元格tfooter标签:表的尾部

表单

form标签:表单标签input标签:单行文本标签textarea标签:多行文本标签button标签:按钮标签select标签:下拉菜单option标签:下拉菜单选项label标签:表单的描述信息

列表

ul标签:无序列表标签ol标签:有序标签dl标签:定义列表li标签:列表标签dt标签:定义标题dd标签:定义说明

超链接

a标签:链接标签

[ ] href属性:代表的是链接地址:一般都是绝对地址

[ ] target属性:打开方式

布局类的标签

建议:尽量少使用div标签,可以多用语义化标签。

div标签header头部标签main主题标签aside侧边栏标签nav导航标签section标签footer底部标签article定义文章标签

头部标签(包含在head里面的标签)

head头部标签meta标签: keywords属性:网站关键字 description属性:网站描述 robots属性:设置搜索引擎是否抓取 charset属性:设置编码格式 viewport属性:用于移动端页面 http-equiv属性 X-UA-Compatible优先使用的浏览器 renderer属性,优先使用的内核link链接css: rel属性 size属性:icon图标大小 type属性:链接资源的类型script链接js: src属性:脚本链接地址 async属性:异步脚本加载title标题标签style行内css样式

框架

frame框架标签iframe框架标签
最新回复(0)