HTML标签及属性总结

什么是HTML

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

HTML知识总结

加粗部分为较常用的

文档

• HTML：html文档标签
• body：可见内容标签
• head：是所有头部元素的容器标签
  • title：标签元素会显示在窗口元素的标题上
  • link：定义html与外部文档之间的关系（常用于连接样式表）
  • style：为html文档定义样式信息
  • meat：元数据，不会显示，但会被机器识别，用于浏览器搜索引擎，获取页面的关键字

标题

• h1~h6：6个标签级别，从大到小

段落

• p：段落标签
• br/：换行符
• hr/：水平线

连接

• a
  • href属性：属性值是一个URL地址
  • target属性：定义目标显示方法（当前页/新页面）
  • name属性：命名锚

图像

• img
  • src属性：属性值是一个图像的绝对地址
  • alt属性：当一个图片还未加载出来时显示的文字

属性

• class属性：规定元素的类名
• id属性：规定HTML元素的唯一id
• style属性：规定元素的行内样式
• title属性：规定关于元素的额外信息
• lang属性：规定元素内容的语言
• accesskey属性：规定激活（使元素获得焦点）元素的快捷键

文本格式化

• b：用于定义表示粗体的文本
• em：用于定义表示强调的文本
• strong：用于定义表示重要的文本
• address：定义文档或文章的作者/拥有者的联系信息
• bdi：允许设置一段文本，使其脱离其父元素的文本方向设置
• bdo：修改默认的文本方向
• blockquote：定义块引用
• cite：定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等）的标题
• i：用于定义表示斜体的文本
• mark：用于定义带有标记的文本
• meter：定义一个范围内的测量值/分数值
• progress：定义运行中的任务进度
• ruby：定义注音符号
• del：用于定义已被删除的文本

表格

• caption元素：定义表格标题
• col：为表格中一个或多个列定义属性值
• colgroup：用于对表格中的列进行组合，以便于对其进行格式化
• table：用于定义HTML表格
• tbody：用于组合HTML表格的主体内容
• td：用于定义HTML表格中的标准单元格
• tfoot：定义表格的页脚（脚注或表注）
• th：用于定义表格内的表头单元格
• thead：定义表格的表头
• tr：用于定义HTML表格中的行

表单

• button：用于定义一个按钮
• datalist：规定了input标签可能的选项列表
• fieldset：将表单内容的一部分打包，生成一组相关表单的字段
• form：用于为用户输入创建HTML表单。用于向服务器传输数据
• input：标签用于收集用户信息
• label：为input元素定义标注（标记）
• legend：用于为fieldset元素定义说明文字
• optgroup：用于为下拉列表的选项进行分组
• option：用于定义下拉列表中的一个选项
• output：将计算结果输出显示（比如执行脚本的输出）
• select：用于创建单选或多选菜单
• textarea：定义多行的文本输入控件

列表

• 无序列表
  • ul：用于定义无序列表
  • li：用于定义列表中的项目
  • type：设置列表的标记
• 有序列表
  • ul：用于定义有序列表
  • li：用于定义列表中的项目
  • type：设置列表的标记
• 自定义列表
  • dl：定义了一个包含术语定义以及描述的列表
  • dt：用于定义列表中的项目（即术语部分）
  • dd：标签用于定义列表中项目的描述部分

语义化结构

• article：用于定义一篇文章，与页面其他部分无关
• aside：定义侧边栏，通常是网页的说明、提示、引用、附加注释、相关连接、广告等内容
• data：将一个指定的内容和机器可读的翻译联系在一起
• details：用于定义用户可见的或者隐藏的需求的补充细节
• dialog：定义一个对话框、确认框或窗口
• div：定义HTML文档中的一个分隔区块或者一个区域部分（经常和css一起使用）
• footer：标签定义文档或节的页脚
• header：标签用于定义文档的页眉（介绍信息）
• main：用于定义文档body或应用的主体部分
• nav：用于定义页面的主导航功能
• section：用于定义文档中的节
• summary：定义detail元素的标题
• span：用于组合文档中的行内元素

多媒体

• audio：定义声音，比如音乐或其他音频流
• source：为picture，audio，video元素指定多个媒体资源
• track：用于为HTML5的媒体文件添加字幕
• video：标签定义视频，比如电影片段或其他视频流
• canvas：定义图形，比如图表和其他图像
• SVG文件可以通过或者嵌入HTML文档