135-1821-9792

HTML5包含的标签有哪些

本篇内容介绍了“HTML5包含的标签有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联建站主要从事成都做网站、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务酉阳土家族苗族,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

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标签分为两大类,分别是“双标签”、“单标签”,对它们的具体介绍如下。

1、双标签

双标签也被称为“体标签”,是指由开始和结束两个标签符号组成的标签(开始和结束标签也被称为开放标签和闭合标签)。双标签的基本语法格式如下。、

<标签名>内容

例如,前面文档结构中的和、和等都属于双标签。

html5常见双标记

标签类别常见标签
双标签(定义HTML文档)、(定义文档头部)、(定义文档标题)、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h2>、<h3>、<h4>、<h5>、<h6>、<h7>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center></td></tr></tbody></table><p><strong>2、单标签</strong></p><p>单标签也被称为“空标签”,是指用一个标签符号即可完整的描述某个功能的标签</p><ul><li><p>因为它们是没有内容的 HTML 标签元素,它们是在开始标签中就关闭的元素,不存在成对的情况。</p></li></ul><p>其基本语法格式如下。</p><pre><标签名 /></pre><p>例如,在HTML中还有一种特殊的标签——注释标签,该标签就是一种特殊功能的单标签。如果需要在HTML文档中添加一些便于阅读和理解,但又不需要显示在页面中的注释文字,就需要使用注释标签。注释标签的基本写法。</p><pre><!-- 注释语句 --></pre><p>需要注意的是,注释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,注释标签可以被下载到用户的计算机上,或者用户查看源代码时也可以看到注释标签。</p><p>注:在HTML中,在空标签上使用闭标签是无效的,例如:</br>。这样的情况是无效的HTML。</p><p><strong>html单标签有</strong></p><ul><li><p><br>:可插入一个简单的换行符。</p><p><br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。</p></li><li><p><hr>:定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。</p></li><li><p><area>:定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。</p></li><li><p><base>:为页面上的所有链接规定默认地址或默认目标。</p></li><li><p><img>:定义 HTML 页面中的图像。</p></li><li><p><input>:规定了用户可以在其中输入数据的输入字段。</p></li><li><p><link>:定义文档与外部资源的关系,最常见的用途是链接样式表。</p></li><li><p><meta>:提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。</p><p>META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。</p><p>元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。</p></li><li><p><basefont>:定义文档中所有文本的默认颜色、大小和字体。</p></li><li><p><param>:允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 <object> 或者 <applet> 标签提供参数。</p></li><li><p><col>:规定了 <colgroup> 元素内部的每一列的列属性。通过使用 <col> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。</p></li><li><p><frame>:定义 frameset 中的一个特定的窗口(框架)。frameset 中的每个框架都可以设置不同的属性,比如 border、scrolling、noresize 等等。</p></li><li><p><embed>:定义了一个容器,用来嵌入外部应用或者互动程序(插件)。</p></li><li><p><keygen>规定用于表单的密钥对生成器字段。</p></li><li><p><source>:为媒介元素(比如 <video> 和 <audio>)定义媒介资源。</p></li></ul><p>“HTML5包含的标签有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!</p> <br> 新闻名称:HTML5包含的标签有哪些 <br> 转载来源:<a href="http://kswsj.com/article/pcccii.html">http://kswsj.com/article/pcccii.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/hdhpej.html">关于nosql的书,nosql数据库原理与应用电子书</a> </li><li> <a href="/article/hdhpoe.html">vb.net枚举串口的简单介绍</a> </li><li> <a href="/article/hdhpih.html">sqlServer的名称,sql server的全称</a> </li><li> <a href="/article/hdhpgc.html">python交集函数,Python交集</a> </li><li> <a href="/article/hdhpgd.html">go语言内存压缩,go语言内存分配</a> </li> </ul> </div> </div> <!-- end #bd --> <div class="c"></div> <!-- begin #fd --> <div id="fd" class="index-fd pr"> <div class="map-bg3"></div> <div class="wp"> <div class="fd-top"> <dl> <dt>关于我们</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.kswsj.com/about#whous">我们是谁</a></li> <li><a href="http://www.kswsj.com/about#ourcus">我们服务的客户</a></li> <li><a href="http://www.kswsj.com/about#ourteam">我们的团队</a></li> </ul> </dd> </dl> <dl> <dt>我们的服务</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.kswsj.com/service#webbuit">网站建设</a></li> <li><a href="http://www.kswsj.com/service#weiweb">H5响应式 交互网站</a></li> <li><a href="http://www.kswsj.com/service#webmobel">移动端 & 微网站定制</a></li> <li><a href="http://www.kswsj.com/service#servweb">服务流程</a></li> <li><a href="http://www.kswsj.com/service#solution">行业解决方案</a></li> </ul> </dd> </dl> <dl> <dt>网站建设案例</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.kswsj.com/case/">公司集团</a></li> <li><a href="http://www.kswsj.com/case/">数码电子科技</a></li> <li><a href="http://www.kswsj.com/case/">建筑与设计</a></li> <li><a href="http://www.kswsj.com/case/">安防门禁</a></li> <li><a href="http://www.kswsj.com/case/">管理咨询美容</a></li> <li><a href="http://www.kswsj.com/case/">外贸行业</a></li> </ul> </dd> </dl> <dl> <dt>新闻动态</dt> <dd> <ul class="ul-fd"> <li><a href="/news/2.html">成都网站建设</a></li><li><a href="/news/3.html">成都网站制作</a></li><li><a href="/news/4.html">成都网站设计</a></li> </ul> </dd> </dl> <dl> <dt>联系我们</dt> <dd class="pr"> <p><a href="http://www.kswsj.com/news/" class="weixin"></a><a href="http://www.kswsj.com/news/" class="sina"></a><span class="weixin-pic"><img src="/Public/Home/pic/ewm.jpg"></span></p> <p><b class="tel">135-1821-9792</b></p> <h5>公司服务热线</h5> </dd> </dl> </div> <div class="link"> 友情链接: <a href="http://www.htlanyu.com/" title="佑馨产后护理" target="_blank">佑馨产后护理</a>   <a href="http://m.cdxwcx.com/" title="成都网站推广" target="_blank">成都网站推广</a>   <a href="http://www.jywzsj.com/" title="jywzsj.com" target="_blank">jywzsj.com</a>   <a href="http://www.cdkjz.cn/wangzhan/" title="成都网站推广" target="_blank">成都网站推广</a>   <a href="http://www.yunshangf.com/" title="柴油发电机租赁" target="_blank">柴油发电机租赁</a>   <a href="http://www.cdhuace.com/fuwu/huace.html" title="成都画册快印" target="_blank">成都画册快印</a>   <a href="http://www.jtfdjzy.com/" title="成都宣传单设计" target="_blank">成都宣传单设计</a>   <a href="https://www.cdcxhl.com/mobile.html" title="手机网站制作设计" target="_blank">手机网站制作设计</a>   <a href="https://www.cdxwcx.com/jifang/deyang.html" title="德阳机房" target="_blank">德阳机房</a>   <a href="http://www.pzhseo.com/" title="攀枝花SEO" target="_blank">攀枝花SEO</a>    </div> </div> <div class="fd-copy"> <div class="wp"> <p><span style="color:#CCCCCC;">Copyright © 2009-2022 www.kswsj.com 成都快上网科技有限公司 版权所有</span> <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow" style="color:#CCCCCC;">蜀ICP备19037934号</a></p> </div> </div> </div> <div class="side"> <ul> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank"> <div class="sidebox"><img src="/Public/Home/pic/side_icon02.png">在线咨询</div> </a></li> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank"> <div class="sidebox"><img src="/Public/Home/pic/side_icon01.png">在线咨询</div> </a></li> <li><a href="tel:135-1821-9792"> <div class="sidebox"><img src="/Public/Home/pic/side_icon03.png"><span style="font-size:14px">135-1821-9792</span></div> </a></li> </ul> </div> <div class="side2"> <ul> <li><a href="http://www.kswsj.com/news/"><img src="/Public/Home/pic/r_icon1.png" alt="成都网站建设"></a> <div class="weixin"><em></em><img src="/Public/Home/pic/ewm.jpg" alt="成都网站建设"></div> </li> <li><a href="javascript:goTop();" class="sidetop"><img src="/Public/Home/pic/r_icon2.png"></a></li> </ul> </div> <div class="fot"> <ul> <li> <a href="https://p.qiao.baidu.com/cps/mobileChat?siteId=11284691&userId=6256368&type=1&reqParam=%20{%22from%22:0,%22sessionid%22:%22%22,%22siteId%22:%2211284691%22,%22tid%22:%22-1%22,%22userId%22:%226256368%22,%22ttype%22:1,%22siteConfig%22:%20{%22eid%22:%226256368%22,%22queuing%22:%22%22,%22siteToken%22:%226ce441ff9e2d6bedbdfc2a4138de449e%22,%22userId%22:%226256368%22,%22isGray%22:%22false%22,%22wsUrl%22:%22wss://p.qiao.baidu.com/cps3/websocket%22,%22likeVersion%22:%22generic%22,%22siteId%22:%2211284691%22,%22online%22:%22true%22,%22webRoot%22:%22//p.qiao.baidu.com/cps3/%22,%22bid%22:%22160142915792139572%22,%22isSmallFlow%22:0,%22isPreonline%22:0,%22invited%22:0%20},%22config%22:%20{%22themeColor%22:%224d74fa%22%20}%20}&appId=&referer=&iswechat=0&expectWaiter=-1&openid=null&otherParam=null&telephone=null&speedLogId=null&eid=null&siteToken=6ce441ff9e2d6bedbdfc2a4138de449e" target="_blank"> <img src="/Public/Home/pic/fot1.png" alt=""> <p>在线咨询</p> </a> </li> <li> <a href="tel:18980820575" target="_blank"> <img src="/Public/Home/pic/fot2.png" alt=""> <p>拨打电话</p> </a> </li> </ul> </div> <script type="text/javascript" src="/Public/Home/pic/jquery.js"></script> <script type="text/javascript" src="/Public/Home/pic/lib.js"></script> </body></html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>