本篇内容介绍了“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://whjierui.cn/article/pcccii.html">http://whjierui.cn/article/pcccii.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/doooido.html">linux退出命令终端 linux 如何退出终端</a>
</li><li>
<a href="/article/doooeee.html">c语言用递归法编写函数 c语言实现递归函数</a>
</li><li>
<a href="/article/doooeji.html">python中的归零函数 python除数为零赋值为0</a>
</li><li>
<a href="/article/doooeho.html">索引mysql优化怎么样 索引优化有哪些</a>
</li><li>
<a href="/article/dooosdp.html">php操作二进制数据 php 字符串转二进制</a>
</li> </ul>
</div>
</div>
<footer>
<div class="foot-top">
<ul>
<li>
<div class="title">关于美图云海</div>
<div class="tbox">
<div class="txt">
美图云海专注于网站建设、小程序开发，
<br /> 用心做好每一个网站，懂您所需、做您所想！
<br /> 我们比其他网络公司做的更好、做的更多，
<br /> 为客户创造更大的价值，让客户更省心!
</div>
<a rel="nofollow" href="javascript:;" class="more">MORE</a>
</div>
</li>
<li>
<div class="title">相关专题</div>
<div class="tbox">
<a href="javascript:;" class="link">企业官网定制</a>
<a href="javascript:;" class="link">小程序开发</a>
<a href="javascript:;" class="link">品牌网站设计</a>
<a href="javascript:;" class="link">网站建设标签</a>
<a href="javascript:;" class="link">乐山网站建设</a>
<a href="javascript:;" class="link">高端网站设计</a>
<a href="javascript:;" class="link">公司做网站</a>
</div>
</li>
<li>
<div class="title">凭什么选择我们</div>
<div class="tbox">
<a class="link">专业设计团队</a>
<a class="link">快速响应服务</a>
<a class="link">7个软件著作权</a>
<a class="link">已服务3000+客户</a>
<a class="link">项目检测具体全面</a>
<a class="link">技术研发能力强劲</a>
<a class="link">深度符合SEO优化</a>
<a class="link">15项设计奖项</a>
<a class="link">完善的制作流程</a>
<a class="link">售后服务让您省心</a>
</div>
</li>
<li>
<div class="title">网站设计案例</div>
<div class="tbox">
<ul>
<li>
<a href="javascript:;" target="_blank">
<div class="img"><img src="/Public/Home/images/gebaili.jpg" alt="哥百利" />
</div>
<div class="tboxs">
<div class="t1">哥百利</div>
<div class="t2">家具研发、设计、生产、服务为一体的专业实木家具订做企业</div>
</div>
</a>
</li>
<li>
<a href="javascript:;" target="_blank">
<div class="img"><img src="/Public/Home/images/cdshujin.jpg" alt="蜀锦在线" /></div>
<div class="tboxs">
<div class="t1">蜀锦在线</div>
<div class="t2">汽车行业网站建设</div>
</div>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="foot-center">
<ul>
<li>
<div class="f-ewm"><img alt="美图云海微信公众号" src="/Public/Home/images/ewm.jpg" /></div>
<div class="tbox ewm">
<div class="t1">扫一扫关注</div>
<div class="t2">专业团队为您解答</div>
</div>
</li>
<li>
<div class="tbox tel">
<div class="t1">电话/邮箱</div>
<div class="t2">400-028-6601 / 028-86922220<br>631063699@qq.com</div>
</div>
</li>
<li>
<div class="tbox sz">
<div class="t1">成都（总部）</div>
<div class="t2">成华区 双林路22号仁禾商务楼5F<br> 大客户专线：13518219792
</div>
</div>
</li>
<li>
<div class="tbox gz">
<div class="t1">网站建设（乐山站）</div>
<div class="t2">
乐山市市中区瑞祥路一段1507号
<br /> 028-86922220
</div>
</div>
</li>
</ul>
</div>
<div class="foot-button">
<div class="link-box" style="width:100%;float:none;">
<div class="a-box"></div>
<div style="border-top:1px solid #ebebeb;font-size:12px;color:#666666;line-height:2;padding-top:20px;margin-top:20px;">
业务范围包括企业网站建设、商城系统开发、品牌网站设计、旅游网站制作、英文外贸网站、教育培训门户网站开发、微信手机移动端开发、响应式网站建设、微信小程序开发、APP定制和其他类型网站定制等。
<br>服务区域包括成都市锦江区、青羊区、武侯区、金牛区、成华区、龙泉驿、温江、新都、高新区、成都市以及全国各地接受异地服务商的公司企业或者机构。
<br>
<div class="a-box"><span><b>友情链接</b></span>
<a href="https://www.cdxwcx.com/" title="成都网站推广" target="_blank">成都网站推广</a><a href="http://www.cxjianzhan.com/" title="做网站" target="_blank">做网站</a><a href="http://www.yafdjwx.com/" title="yafdjwx.com" target="_blank">yafdjwx.com</a><a href="http://www.cdxwcx.cn/tuoguan/ershu.html" title="中国电信成都枢纽中心" target="_blank">中国电信成都枢纽中心</a><a href="http://www.cdxwcx.cn/tuoguan/nanchong.html" title="南充服务器托管" target="_blank">南充服务器托管</a><a href="http://www.cdxwcx.cn/tuoguan/bgp.html" title="bgp机房托管" target="_blank">bgp机房托管</a><a href="https://www.cdcxhl.cn/
" title="腾讯云虚拟主机" target="_blank">腾讯云虚拟主机</a><a href="http://www.hyjierui.cn/" title="hyjierui.cn" target="_blank">hyjierui.cn</a><a href="http://www.cdhuace.com/logo.html" title="成都标志设计" target="_blank">成都标志设计</a><a href="http://www.gawzjs.com/" title="gawzjs.com" target="_blank">gawzjs.com</a> </div>
</div>
<div class="copyright">©2025 青羊区美图云海设计工作室（个体工商户）乐山站 蜀ICP备19037934号</div>
</div>
</div>
</footer>
<div class="fixed-contact-wrap show">
<ul class="item-list clearfix">
<li class="phone">
<a rel="nofollow" target="_blank" href="tel:028-86922220"><i
class="icon"></i><strong>028-86922220</strong></a>
</li>
<li class="qq">
<a rel="nofollow" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes"><i
class="icon"></i><strong> 244261566</strong></a>
</li>
<li class="back-top">
<a href="#" rel="nofollow" class="back-to-top"><i class="icon"></i><strong> 回到顶部</strong></a>
</li>
</ul>
</div>
<script type="text/javascript">
//右侧联系我们悬浮窗
$(".fixed-contact-wrap").hover(function () {
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
})
function show_phone_menu() {
$(".right-side ul").toggle();
}
</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> |
