HTML中常用的标签

超文本标记语言(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>  文本区域, 可以显示多行
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容