HTML 常用的标签
介绍一些常用的html文件,我们就从最简单的html组成讲。 首先我们创建了一个demo.html文件,打开文件首先我们得写一个html的框架,所以我们会用到<html>标签,你可以称它为根元素标签,浏览器会识别<html>标签来开始解析一个html文件,然后就是<head><body>标签,这三个标签就构成了一个最基本的html文件。
在一个html文件的<head>标签中,他会有一些Meta data ,含有页面的相关信息,包括样式、脚本及数据,例如等,我们常用的标签有<meta>表示那些不能由其它HTML元相关元素表示的任何元数据信息,<link>指定了外部资源与当前文档的关系,<style>包含了文档的样式化信息或者文档的一部分,该标签的样式信息通常是CSS的格式,<title>定义文档的标题,显示在浏览器的标题栏或标签页上。
在一个html文件的<body>标签中,会有一些内容分区元素,它允许你将文档内容从逻辑上进行组织划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素,来为页面内容创建明确的大纲,以便区分各个章节的内容。
我们也会使用一些文本内容元素来组织在开标签<body>
和闭标签</body> 里的
块或章节的内容。这些元素能标识内容的宗旨或结构,例如常用的<div>是一个通用型的流内容容器,它在语义上不代表任何特定类型的内容,它可以被用来对其它元素进行分组;<li>
元素用于表示列表里的条目,它必须被包含在一个父元素里:一个有顺序的列表<ol>
,一个无顺序的列表<ul>
,或者一个菜单 <menu>。
还有一部分标签是HTML内联文本语义(Inline text semantics)用来定义语句,结构,可以是一个词,一段,或任意风格的文字。我们常用的<a>
标签可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接;<span>标签
是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者Id属性),或者这些元素有着共同的属性;
我们还有一些用来支持图片和多媒体的标签,例如<img>标签表示这里有一个图片;
<audio>标签表示这里有一个
音频内容;<video>标签
用于在HTML或者XHTML文档中嵌入视频内容。
有时候我们需要在html这个区域内再划出来一块空间来展示内嵌内容,于是就有了例如<iframe>标签表示嵌套的浏览上下文,有效地将另一个HTML页面嵌入到当前页面中;<picture>
标签是一个容器,用来为其内部特定的<img>
元素提供多样的<source>
元素;
我们经常会在html中创建动态内容和 Web 应用程序,所以HTML支持使用脚本语言,最突出的就是 JavaScript,于是我们会用<script>标签
用于嵌入或引用可执行脚本,如果页面上的脚本类型不受支持或者当前在浏览器中关闭了脚本,则在HTML <noscript> 元素中定义脚本未被执行时的替代内容。</noscript>。我们也经常会用<canvas>标签可被用来通过脚本(通常是JavaScript)绘制图形。
我们在一个html中也经常会创建和处理表格数据,<table>
元素表示表格数据即通过二维数据表表示的信息;<col>
元素定义表格中的列,并用于定义所有公共单元格上的公共语义;<caption>
元素展示一个表格的标题。
我们还会在一个页面中进行一些交互操作,这时候就需要用到另外一类标签,就是表单验证标签,它们可以用来创建一个用户可以填写并提交到网站或应用程序的表单;<button>
元素表示一个可点击的按钮,可以用在表单或文档其它需要使用简单标准按钮的地方;<form>
元素表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息;<select>
元素是一种表单控件,可创建选项菜单。
这里只是大概介绍了一些我们常用的html标签,如果需要用到更多的标签,我们可以使用”标签+MDN”去MDN上搜索标签的含义和用法。