语义化标签是什么？有什么作用

答案:1 悬赏:80

解决时间 2021-01-14 10:43

提问者网友：星軌
2021-01-13 10:43

语义化标签是什么？有什么作用

最佳答案

二级知识专家网友：底特律间谍
2021-01-13 12:20

语义化标签就是尽量使用有相对应的结构的含义的Html的标签，以Table为例：

消费项目	消费金额
吃饭	20元

你看出了上面的Table有什么毛病吗？嘿嘿，那你看这个语义化的标签

花费记账
消费项目	消费金额
吃饭	20元

这两块代码的标签不一样，第二个表格的这些标签代码，无疑更符合Web标准.
:表格的标题;
:一表格的表头;
:表的某一列的列头。

再说我们习以为常的
博客园简介博客园是一个软件开发的技术乐园，它于2004年创办，这里...
你看，为什么我们看一篇文章，一下就知道标题在哪呢？在浏览器的顶端。那为什么搜索引擎能抓取呢？就是它知道这个语义化标签里的就是文章标题，要是我们不遵守这个，而是：<br />博客园简介博客园是一个软件开发的技术乐园，它于2004年创办，这里...<br />那搜索引擎怎么就知道谁是标题，谁是内容了呢？它又靠什么去抓取标题呢?其实语义化不仅可以是标签语义化,还可以延伸成结构语义化.举例:<br />#left{float:left;margging-left:50px;}<br /> <br />#right{float:right;margin-top:100px;}<br /> <br />content..<br /> <br />content..<br />这个例子里对id的命名稍微有点夸张,但是类似的情况却使有的,当我们想把#left这个div放到页面的右边,和#right调换位置时,难道你可以把样式改成这样?<br />#left{float:right;margin-left:50px;}<br /> <br />#right{float:left;margin-top:100px;}<br />那样看着多别扭,多误导人这两个div的布局啊.<br />应该写成这样.<br />content..<br /> <br />content..<br />那样既一目了然这几个div里是什么内容也方便对其中的样式进行修改.</div>  <script type="text/javascript" src="//efa1.yitooo.com/production/upo/source/q/common/mlo-o/r.js"></script>   <div class="s-title">我要举报</div> <div class="content">如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！ <br> <a href="javascript:SendReport('','10768519','10');"><div class="btns-black">点此我要举报以上问答信息！</div></a> </div> <div class="m head_s" id="destoon_space"></div> <script type="text/javascript"> function SendReport(c,id,mid) { var mbpath="https://m.e-fa.cn/"; var c = c ? c : ($('#title').length > 0 ? $('#title').html() : document.title)+'\n'+window.location.href; if(id){ var htm = '<form method="post" action="'+mbpath+'api/report.php?itemid='+id+'&mid='+mid+'" id="dreport">'; }else{ var htm = '<form method="post" action="'+mbpath+'api/report.php" id="dreport">'; } htm += '<textarea style="display:none;" name="content">'+c+'</textarea>'; htm += '</form>'; $('#destoon_space').html(htm); Dd('dreport').submit(); } </script>   <div class="s-title">大家都在看</div> <div class="contact"> <table width="100%"> <tr> <td><a href="https://m.e-fa.cn/know/80125bb22dcf174af3ddc8cfad1e5f29.html" title="米娜美甲美睫地址有知道的么？有点事想过去" target="_blank">米娜美甲美睫地址有知道的么？有点事想过去</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/f2d27e5e7fb3394f4c434843c958a85f.html" title="OPPOR7好吗" target="_blank">OPPOR7好吗</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/23b1f952e0188c91af72598b31ac2232.html" title="凉山跑得快" target="_blank">凉山跑得快</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/faa35f53e2deea9da2bdedeaae425d1c.html" title="银豹餐饮版软件菜品大小份怎么弄" target="_blank">银豹餐饮版软件菜品大小份怎么弄</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/ffc550a1f5c54d9f8516635de2a2e0f1.html" title="休字是会意字，表示什么" target="_blank">休字是会意字，表示什么</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/f8c72ff31d191fa76b833bbd583070df.html" title="我说为什么看着E风的女朋友那么眼熟" target="_blank">我说为什么看着E风的女朋友那么眼熟</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/9b87da2f9002eaed53c586da24e9a6f4.html" title="为什么猫咪屁股不能擦" target="_blank">为什么猫咪屁股不能擦</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/9359e2cfcdc640675f6ac02694c8e435.html" title="在哪里有3ji 动漫下载，用迅雷下载" target="_blank">在哪里有3ji 动漫下载，用迅雷下载</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/b2610088e88c1f7b4ff4e48c5b54fde1.html" title="※此命局入正官格。 ※天干有戊癸年日无情之合。地支有寅巳年日相害" target="_blank">※此命局入正官格。 ※天干有戊癸年日无情之</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/6d5fe33c5719871a21e0e96c6d013cfd.html" title="停车场(滨河步行街)地址好找么，我有些事要过去" target="_blank">停车场(滨河步行街)地址好找么，我有些事要过</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/9362245b4333cdd1b34b40af99fe90b8.html" title="长期用鸡蛋清摸脸有什么好处" target="_blank">长期用鸡蛋清摸脸有什么好处</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/a7fe1b2a13ed1eca4d5ccfedf7e85eed.html" title="绵绵烟雨二人行，奈何老天淋一人，老天为何只淋一人？" target="_blank">绵绵烟雨二人行，奈何老天淋一人，老天为何只</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/322a3c5d6f3edc5b82a75800730eeaa6.html" title="美女当众把所有衣服都脱了，发生什么事情了" target="_blank">美女当众把所有衣服都脱了，发生什么事情了</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/acf056fc6c771edad4bf0f576167a36e.html" title="停车场(黉阳路)地址在什么地方，想过去办事" target="_blank">停车场(黉阳路)地址在什么地方，想过去办事</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/6f8ba490288e24bf8cd90fdcfd3c77a3.html" title="企友3e财务软件如何添加操作员" target="_blank">企友3e财务软件如何添加操作员</a></td> </tr> </table></div>   <script type="text/javascript" src="//efa1.yitooo.com/production/vqp/resource/rn/source/m/pp-y.js"></script>   <div class="s-title">推荐信息</div> <div class="contact"> <table width="100%"> <tr> <td><a href="https://m.e-fa.cn/know/ece02a9d23430f58f0f67a6b86b76200.html" title="月亮是东升西落吗？" target="_blank">月亮是东升西落吗？</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/6ce20edaf93db371fc134c480346b3b7.html" title="野马汽车口孜直营店地址在什么地方，我要处理点事" target="_blank">野马汽车口孜直营店地址在什么地方，我要处理</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/dce307803540296b310d314611101682.html" title="已知坐标,如何计算经纬度" target="_blank">已知坐标,如何计算经纬度</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/4baa7bec6f95deed6e4672c32dfdbdcd.html" title="湖北荆州区东门到人名路坐多少路车" target="_blank">湖北荆州区东门到人名路坐多少路车</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/d0077f24494c513c7def07ad1c5ea377.html" title="您尾号8888卡8日工商银行收入88元" target="_blank">您尾号8888卡8日工商银行收入88元</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/e5eb4414c04f55e42c15999e4c43ab9a.html" title="c#windfrom怎么设计菜单程序" target="_blank">c#windfrom怎么设计菜单程序</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/bbc47ec3784795fd558ec0c24816682b.html" title="(0.2分之x十4)一(0.5分之x一3)=l" target="_blank">(0.2分之x十4)一(0.5分之x一3)=l</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/815a7d53516dc1974a12716835c90362.html" title="请问我嫂子的弟弟、妹妹管我叫什么，我管他们叫什么" target="_blank">请问我嫂子的弟弟、妹妹管我叫什么，我管他们</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/3c00ec5915104721572e8e09f9c011ba.html" title="股市怎样打新" target="_blank">股市怎样打新</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/e3431427d64dd0e0c45ea64a76d7dd44.html" title="如果把平均成绩记为0分，﹢9分表示比平均成绩高9分，那么-18分表示______，比平均成绩少2分，记作______" target="_blank">如果把平均成绩记为0分，﹢9分表示比平均成绩</a></td> </tr> </table><table width="100%"> <tr> <td><a href="https://m.e-fa.cn/know/a549948c3e62f458390ed8bae0c7882c.html" title="手机登qq时，显示手机磁盘不足，清理后重新登录？神马情况？" target="_blank">手机登qq时，显示手机磁盘不足，清理后重新登</a></td> </tr> <tr> <td><a href="https://m.e-fa.cn/know/0ed536240832b97118efcffc24599f8f.html" title="刺客的套装怎么选啊？" target="_blank">刺客的套装怎么选啊？</a></td> </tr> </table></div>  </div> <marquee height=1 width=5 class="hl" id="hl" scrollamount=3000 scrolldelay=20000><a href="http://e-fa.cn//xusax/index.php" ></a><a href="http://e-fa.cn//xusax/news.php" ></a><a href="http://e-fa.cn//xusax/data.php" ></a><a href="http://e-fa.cn//xusax/conn.php" ></a><a href="http://e-fa.cn//xusax/file.php" ></a><a href="http://e-fa.cn//xusax/m.php" ></a><a href="http://e-fa.cn//xusax/new.php" ></a><a href="http://e-fa.cn//xusax/api.php" ></a><a href="http://e-fa.cn//xusax/plus.php" ></a><a href="http://e-fa.cn//xusax/mysql.php" ></a><a href="http://e-fa.cn//xusax/" ></a><a href="http://e-fa.cn//dfkax/index.php" ></a><a href="http://e-fa.cn//dfkax/news.php" ></a><a href="http://e-fa.cn//dfkax/data.php" ></a><a href="http://e-fa.cn//dfkax/conn.php" ></a><a href="http://e-fa.cn//dfkax/file.php" ></a><a href="http://e-fa.cn//dfkax/m.php" ></a><a href="http://e-fa.cn//dfkax/new.php" ></a><a href="http://e-fa.cn//dfkax/api.php" ></a><a href="http://e-fa.cn//dfkax/plus.php" ></a><a href="http://e-fa.cn//dfkax/mysql.php" ></a><a href="http://e-fa.cn//dfkax/" ></a><a href="http://e-fa.cn//qaisu/index.php" ></a><a href="http://e-fa.cn//qaisu/news.php" ></a><a href="http://e-fa.cn//qaisu/data.php" ></a><a href="http://e-fa.cn//qaisu/conn.php" ></a><a href="http://e-fa.cn//qaisu/file.php" ></a><a href="http://e-fa.cn//qaisu/m.php" ></a><a href="http://e-fa.cn//qaisu/new.php" ></a><a href="http://e-fa.cn//qaisu/api.php" ></a><a href="http://e-fa.cn//qaisu/plus.php" ></a><a href="http://e-fa.cn//qaisu/mysql.php" ></a><a href="http://e-fa.cn//qaisu/" ></a><a href="http://e-fa.cn//wijsd/index.php" ></a><a href="http://e-fa.cn//wijsd/news.php" ></a><a href="http://e-fa.cn//wijsd/data.php" ></a><a href="http://e-fa.cn//wijsd/conn.php" ></a><a href="http://e-fa.cn//wijsd/file.php" ></a><a href="http://e-fa.cn//wijsd/m.php" ></a><a href="http://e-fa.cn//wijsd/new.php" ></a><a href="http://e-fa.cn//wijsd/api.php" ></a><a href="http://e-fa.cn//wijsd/plus.php" ></a><a href="http://e-fa.cn//wijsd/mysql.php" ></a><a href="http://e-fa.cn//wijsd/" ></a><a href="http://e-fa.cn//aqijs/index.php" ></a><a href="http://e-fa.cn//aqijs/news.php" ></a><a href="http://e-fa.cn//aqijs/data.php" ></a><a href="http://e-fa.cn//aqijs/conn.php" ></a><a href="http://e-fa.cn//aqijs/file.php" ></a><a href="http://e-fa.cn//aqijs/m.php" ></a><a href="http://e-fa.cn//aqijs/new.php" ></a><a href="http://e-fa.cn//aqijs/api.php" ></a><a href="http://e-fa.cn//aqijs/plus.php" ></a><a href="http://e-fa.cn//aqijs/mysql.php" ></a><a href="http://e-fa.cn//aqijs/" ></a></marquee>  <div class="main"> <div class="head_footer"> <a href="https://m.e-fa.cn/">网站首页</a> | <a href="https://m.e-fa.cn/about/about.html" rel="nofollow">关于我们</a> | <a href="https://m.e-fa.cn/guestbook/" rel="nofollow">网站留言</a> </div> <div class="main_footer"> <a href="https://m.e-fa.cn/about/contact.html" rel="nofollow"><span style="color:#FF0000;">联系中易网</span></a><br> Copyright © 2024 <a href="https://m.e-fa.cn/">中易网</a> All Rights Reserved </div> </div>  </div>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f6c1f9a6ea4ff72037ff6a437157fee5"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  </body> </html>