所属分类:web前端开发
HTML5的两种标签:1、双标签,是指由开始和结束两个标签符号组成的标签,语法“<标签名>内容</标签名>”;常见双标签有html、head、body、body、body、div、p。2、单标签,是指用一个标签符号即可完整的描述某个功能的标签,语法“<标签名 />”;常见单标签有br、hr、img、input、link、meta。
前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。
HTML标签是由尖括号包围的关键词,比如 <html>
。
根据标签的组成特点,通常将HTML标签分为两大类,分别是“双标签”、“单标签”,对它们的具体介绍如下。
1、双标签
双标签也被称为“体标签”,是指由开始和结束两个标签符号组成的标签(开始和结束标签也被称为开放标签和闭合标签)。双标签的基本语法格式如下。、
<标签名>内容</标签名>
登录后复制
例如,前面文档结构中的<html>和</html>、<body>和</body>等都属于双标签。
html5常见双标记
标签类别 | 常见标签 |
---|---|
双标签 | <html>(定义HTML文档)、<head>(定义文档头部)、<title>(定义文档标题)、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center> |
2、单标签
单标签也被称为“空标签”,是指用一个标签符号即可完整的描述某个功能的标签
因为它们是没有内容的 HTML 标签元素,它们是在开始标签中就关闭的元素,不存在成对的情况。
其基本语法格式如下。
<标签名 />
登录后复制
例如,在HTML中还有一种特殊的标签——注释标签,该标签就是一种特殊功能的单标签。如果需要在HTML文档中添加一些便于阅读和理解,但又不需要显示在页面中的注释文字,就需要使用注释标签。注释标签的基本写法。
<!-- 注释语句 -->
登录后复制
需要注意的是,注释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,注释标签可以被下载到用户的计算机上,或者用户查看源代码时也可以看到注释标签。
注:在HTML中,在空标签上使用闭标签是无效的,例如:</br>。这样的情况是无效的HTML。
html单标签有
<br>:可插入一个简单的换行符。
<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。
<hr>:定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。
<area>:定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。
<base>:为页面上的所有链接规定默认地址或默认目标。
<img>:定义 HTML 页面中的图像。
<input>:规定了用户可以在其中输入数据的输入字段。
<link>:定义文档与外部资源的关系,最常见的用途是链接样式表。
<meta>:提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
<basefont>:定义文档中所有文本的默认颜色、大小和字体。
<param>:允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 <object> 或者 <applet> 标签提供参数。
<col>:规定了 <colgroup> 元素内部的每一列的列属性。通过使用 <col> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。
<frame>:定义 frameset 中的一个特定的窗口(框架)。frameset 中的每个框架都可以设置不同的属性,比如 border、scrolling、noresize 等等。
<embed>:定义了一个容器,用来嵌入外部应用或者互动程序(插件)。
<keygen>规定用于表单的密钥对生成器字段。
<source>:为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
【推荐课程:HTML5视频教程、web前端】
以上就是HTML5包含哪两种标签的详细内容,更多请关注zzsucai.com其它相关文章!