超文本标记语言(HyperText Markup Language 简称 HTML), 是一种用于创建网页的标准标记语言. HTML是一种基础语言常常与CSS, JavaScript结合创建出令人赏心悦目的网站. 本篇文章就介绍在HTML中常用的标签.
根元素
<html> 表示一个HTML文档的根(顶级元素),所所以它也被称为根元素。其他所有其他元素必须是此元素的后代,也就是说其他所有的标签都在该标签内部.
文档元数据
元数据(Metadata) 含有页面的相关信息, 包括样式, 脚本及数据, 能帮助一些软件(搜索引擎, 浏览器) 更好的运用和渲染页面
<link> 指定了外部资源与当前文档的关系
<meta> 除开常用的base, link, script, style, title 之外的数据信息
<style> 表示文档的样式化信息, 通常是CSS的格式
内容分区
内容分区元素是将文档内容从逻辑上进行组织划分. 使页面包扩页眉, 页脚, 导航, 标题等分区元素
<article> 表示文档中表示独立或者可以重用的部分
<aside> 表示和页面无关的内容, 侧边栏. 例如广告, 个人资料信息等
<footer> 表示章节内容或者根节点元的页脚
<header> 引导性内容, 也可以包含其他元素, 像logo, 分节头部, 搜索表单等
<h1 ~ h6> 标题的6个级别 <h1>是最大, <h6>是最小
<nav> 导航栏, 描述一个或多个超链接区域
<section> 表示文档中的一个区域
文本内容
使用 HTML 文本内容元素来组织在开标签<body>, 表示的是HTML文档的主体内容(任何一个HTML文档,只允许存在一个 <body> 元素) 和闭标签 `</body> 里的`块或章节的内容
<div> 通用的流内容容器, 他在语义上不代表任何特定的内容, 相当于一个容器
<dl> <dt> <dd> 表示列表相关
<ol> <ul> <li> 有序和无序里诶包
<p> 表示一个段落
<pre> 预定义格式文本, 怎么输入的就在页面中怎么显示
内联文本语义
<a> 超链接标签, 用来做页面内的跳转或者是其他页面的跳转
<em> <i> 吸引用户关注的文本内容
<kbd> 表示键盘输入
<code> 呈现一段计算机代码
<span> 表示短语内容的通用行内容器, 并没有任何特殊语义, 类似<div> 但span是行内元素
图片和多媒体
<img> 显示图片
<map> 地图
<audio> 音频内容
<video> 视频内容
<area> 定义图片上热点区域
脚本
为了创建动态内容和 Web 应用程序,HTML 支持使用脚本语言,最突出的就是 JavaScript.
<canvas> 通过脚本(JavaScript) 绘制图形
<script> 嵌入或者引用可执行脚本
表格内容
这里的元素用于创建和处理表格数据
<caption> 定义表格标题
<table> 定义表格
<th> <tr> <td> 定义表格的行和列元素
表单
可以使用表单元素想服务器提交数据
<button> 可点击按钮, 能够发起提交表单的动作
<form> 表单的起始标签
<input> form表单中的交互式控件
<label> 显示文本内容
<select> 显示可选控件
<textarea> 文本区域, 可以显示多行