搜索

首页 >web前端 >html教程 >分享HTML中一些常见的标签

分享HTML中一些常见的标签

零下一度
零下一度原创
2017-06-24 14:15:191281浏览

HTML中常见的其它标签

一、头标签部分

1、：指定浏览器的标题栏显示的内容。</p> <p>2、<base>：</p> <p>href 属性：<span style="color: #ff0000">指定网页中所有的超链接的目录</span>。可以是本地目录，也可以是网络目录。注意值得结尾处一定要用/表示目录。只作用于相对路径的超链接文件。</p> <p>target 属性：指定打开超链接的方式。如_blank 表示所有的超链接都用新窗口打开显示。</p> <p>3、<meta>：</p> <p>name 属性：<span style="color: #ff0000">网页的描述信息</span>。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。</p> <p>http-equiv 属性：模拟HTTP协议的响应消息头。</p> <p>例：</p> <p><span style="color: #ff0000"><meta http-equiv="refresh" content="3;url=" /></span></p> <p><span style="color: #ff0000">表示打开此页面3秒后自动转到新浪页面。</span></p> <p>4、<link>：</p> <p>rel 属性：描述目标文档与当前文档的关系。</p> <p>type 属性：文档类型。</p> <p>media：指定目标文档在哪种设备上起作用。</p> <p>例：</p> <p><link rel="stylesheet" type="text/css" media="screen,print" href="a.css?1.1.11" /></p> <p> </p> <h2>二、其它常见标签</h2> <p><img src="https://img.php.cn/upload/article/000/000/001/58e39f2b7dc216710768b44c5dcafe6c-0.png" alt=""></p> <p><marquee> 让内容动起来。</p> <p>direction 属性：left right down up</p> <p>behavior 属性：scroll alternate slide</p> <p><pre class="brush:php;toolbar:false">：可以将文本内容按在代码区的样子显示在页面上。</p> <p> </p> <h2>三、标签的分类</h2> <div class="cnblogs_code"><pre class="brush:php;toolbar:false"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "www.w3.org/TR/html4/strict.dtd"> 2 <html> 3     <head> 4         <meta http-equiv="Content-Type" content="text/html; charset=GBK"> 5         <title>Untitled Document</title> 6     </head> 7     <body> 8         <div>这是一个div区域1</div> 9         <div>这是一个div区域2</div>10         <span>span区域1</span>11         <span>span区域2</span>12         <p>这是一个段落1</p>13         <p>这是一个段落2</p>14         15         <!--16 标签分为两大类。17 1,块级标签(元素):标签结束后都有换行。div p dl table title ol ul 18 2,行内标签(元素):标签结束后没有换行。 font span img input select a19 -->20         <dl>21             <dt>ddddd</dt>22             <dd>eeeee</dd>23         </dl>24         hahahahh25     </body>26 </html></pre></div> <p>div没有直接含义，只是封装数据，可以使用我们定义的其它语言来操作。一般是div+css。</p> <p>sapn也是这样的标签，只是span标签是行内标签，div是块级标签。</p> <p>p是段落标签，不仅换行，前后都有空行。</p> <p> </p> <h2>四、XHTML和XML</h2> <p><span style="color: #ff0000">通俗点说：XHTML是HTML的进阶版，XML因其规范性一般被用作配置文件。</span></p> <p>XHTML是可扩展的超文本标记语言（Extensible HyperText Markup Language）。</p> <p>l  XHTML是w3c组织在2000年的时候为了增强HTML推出的，本来是想替代HTML，但是发现Internet上用HTML写的网页太多，未遂！可以理解为它是HTML一个升级版（HTML4.01）。</p> <p>l  XHTML的代码结构更为严谨，是基于XML的一种应用。</p> <p>XML是可扩展标记语言（Extensible Markup Language）</p> <p>l  XML是对数据信息的描述。HTML是数据显示的描述。</p> <p>l  XML代码规定的更为严格，如：标签不结束被视为错误。</p> <p>l  XML规范可以被更多的应用程序所解释，将成为一种通用的数据交换语言。</p> <p>各个服务器，框架都将XML作为配置文件。</p><p>以上是分享HTML中一些常见的标签的详细内容。更多信息请关注PHP中文网其他相关文章！</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明：</span><div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div></div></div><div class="nphpSytBox"><span>上一篇：<a class="dBlack" title="初级前端怎么才能写出高质量的代码" href="https://m.php.cn/zh/faq/368134.html">初级前端怎么才能写出高质量的代码</a></span><span>下一篇：<a class="dBlack" title="html中提交方式post和get有什么区别？" href="https://m.php.cn/zh/faq/368136.html">html中提交方式post和get有什么区别？</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>相关文章</h2><em><a href="https://m.php.cn/zh/article.html" class="bBlack"><i>查看更多</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/zh/faq/348757.html" title="Html小知识总结" class="aBlack">Html小知识总结</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh/faq/348804.html" title="如何快速学习HTML" class="aBlack">如何快速学习HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh/faq/348873.html" title="html xhtml xml的区别" class="aBlack">html xhtml xml的区别</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh/faq/348884.html" title="src与href属性的区别" class="aBlack">src与href属性的区别</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh/faq/348902.html" title="关于HTML5和CSS替换使用" class="aBlack">关于HTML5和CSS替换使用</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>公益在线PHP培训，帮助PHP学习者快速成长！</p></div><div class="footermid"><a href="https://m.php.cn/zh/about/us.html">关于我们</a><a href="https://m.php.cn/zh/about/disclaimer.html">免责声明</a><a href="https://m.php.cn/zh/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>