您现在的位置是:群英 > 开发技术 > web开发
如何理解HTML5的双标签和单标签
Admin发表于 2022-09-16 17:55:282490 次浏览
这篇文章主要为大家详细介绍了如何理解HTML5的双标签和单标签,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望对大家学习或工作能有帮助。

HTML5的两种标签:1、双标签,是指由开始和结束两个标签符号组成的标签,语法“<标签名>内容</标签名>”;常见双标签有html、head、body、body、body、div、p。2、单标签,是指用一个标签符号即可完整的描述某个功能的标签,语法“<标签名 />”;常见单标签有br、hr、img、input、link、meta。

本教程操作环境: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的双标签和单标签”的内容了,通过以上内容的阐述,相信大家对如何理解HTML5的双标签和单标签已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注群英网络,群英网络将为大家推送更多相关知识点的文章。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: html5
相关信息推荐
2022-01-10 18:36:23 
摘要:Laravel中join on多个条件查询怎样实现?在laravel中我们常常会使用join,leftjion和rightjoin进行连表查询。因为默认的join只支持单个查询,当我们链表查询需要on多个条件的时候,应该怎样实现呢?
2022-10-09 18:13:11 
摘要:这篇文章主要介绍了MyBatis-Plus插件机制以及通用Service、新功能,本文通过实例图文相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2022-07-09 17:52:43 
摘要:golang编译的方法:1、使用go build命令编译,go build命令用于编译我们指定的源码文件或代码包以及它们的依赖包。2、使用go install命令编译。
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部