一：(理论)语义化标签是什么？
语义化标签就是尽量使用有相对应的结构的含义的Html的标签，以Table为例：
你看出了上面的Table有什么毛病吗？嘿嘿，那你看这个语义化的标签
这两块代码的标签不一样，第二个表格的这些标签代码，无疑更符合Web标准.
:表格的标题;
:一表格的表头;
:表的某一列的列头。
再说我们习以为常的
博客园简介博客园是一个软件开发的技术乐园，它于2004年创办，这里...
你看，为什么我们看一篇文章，一下就知道标题在哪呢？在浏览器的顶端。那为什么搜索引擎能抓取呢？就是它知道这个语义化标签里的就是文章标题，要是我们不遵守这个，而是：<br><span>博客园简介</span><span>博客园是一个软件开发的技术乐园，它于2004年创办，这里...<span><br> 那搜索引擎怎么就知道谁是标题，谁是内容了呢？它又靠什么去抓取标题呢?其实语义化不仅可以是标签语义化,还可以延伸成结构语义化.举例:<br>#left{float:left;margging-left:50px;}<br> <br>#right{float:right;margin-top:100px;}<br> <br><div id="left">content..</div><br> <br><div id="right">content..</div><br> 这个例子里对id的命名稍微有点夸张,但是类似的情况却使有的,当我们想把#left这个div放到页面的右边,和#right调换位置时,难道你可以把样式改成这样?<br>#left{float:right;margin-left:50px;}<br> <br>#right{float:left;margin-top:100px;}<br> 那样看着多别扭,多误导人这两个div的布局啊.<br>应该写成这样.<br><div id="main">content..</div><br> <br><div id="sidebar">content..</div><br> 那样既一目了然这几个div里是什么内容也方便对其中的样式进行修改.<br><br>二：(理论)语义化标签怎么样？<br>1.结构更好，更利于搜索引擎的抓取（SEO的优化）和开发人员的维护(可维护性更高，因为结构清晰,so易于阅读)。 <br>2.更有利于特殊终端的阅读(手机，个人助理等）。 <br><br>三：(行动)语义化标签怎么办？<br>尽量用有结构含义的,少用无语义的，如<span>,<div>无意义，看不出是什么东西,可是<address>一看就知道这里面的是地址,em标签一看就知道这个是强调的内容,区分于不同内容。<br><br>那么，怎么判断你的页面是否符合Web标准之一：语义化标签呢？你可以把你的页面暂时去掉样式后看可读性怎么样，如果这个时候感觉你的页面很乱，那就说明的的页面的语义化标签不怎么样，而如果你的页面去掉样式了感觉依然不是杂乱无章的，那么，就说明你的页面结构清晰，语义化标签比较可以了。</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="wdhdnr">
<div class="huidanrtop">
<div class="wdhuidaxinx">
<div class="wdhuidaxm">回答3：</div>
</div>
</div>
<div class="clear"></div>
<div class="wdhuidanrmid">
<div class="zuijiacont">
<p><p> html5语义化标签有这些及其作用 - https://21xrx.com/full_stack/Html/html5_semantics.html</p></p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="wendaright">
<div class="wdluluerwema">
<div class="wdxgwttop">相关问答</div>
<div class="wdxgwtnr">
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/558709522396229292.html" title="HTML5的语义化标签有哪些，作用是什么">HTML5的语义化标签有哪些，作用是什么</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/1579677430854686380.html" title="怎样理解HTML5和CSS3的语义化标签">怎样理解HTML5和CSS3的语义化标签</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/879265752115761452.html" title="HTML5中nav标签的作用？">HTML5中nav标签的作用？</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/269400690040326405.html" title=">等html5新的语义化标签，和有什么区别">>等html5新的语义化标签，和有什么区别</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/1048486411220981859.html" title="html5只是指简单的新增加的一系列的语义化标签吗？">html5只是指简单的新增加的一系列的语义化标签吗？</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/1305906394068510539.html" title="html5的语义化标签有哪些及其作用">html5的语义化标签有哪些及其作用</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/435311201716107444.html" title="说说你对HTML5语义化的理解？">说说你对HTML5语义化的理解？</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/1579421487687710540.html" title="怎样理解HTML5和CSS3的语义化标签">怎样理解HTML5和CSS3的语义化标签</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
</div>
<div class="clear"></div>
</div>
<!-- 其他随机问答['id'=>alphaID($like['zid'])] -->
<div class="wdluluerwema">
<div class="wdxgwttop">最新问答</div>
<div class="wdxgwtnr">
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/652921506419902605.html">html5的语义化标签有哪些及其作用?</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/134648332670101365.html">如何鉴别西洋参片真假与质量好坏的方法</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/1948593475857645668.html">但是他有一只手表用英语怎么翻译</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/1825107871050641668.html">想当空姐应该去考有关的航空大学还是普通的大学，现在是高中生</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/2057874542687469387.html">为什么很多高档大衣面料都是澳毛</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/68083740.html">八哥鸟感冒了怎么办啊</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/182607250033178884.html">100%澳毛大衣会起球吗 澳毛大衣如何清洗</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/107483253.html">请问《合同法》就有关合同内容约定不明确的规定？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/1669293865520960187.html">想知道: 绍兴市 从上虞市到覆卮山怎么坐公交</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://85l.net/l/1386765939714509020.html">老师，我是普高高三学生，现在成绩300左右，是单招好还是高考好？</a></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="footer">
<!-- 移动底部导航 -->
<div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://85l.net/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div>
<div class="dibu">
<div class="dibu">
</div>
</div>
<div class="banquan">
<p>内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024</p>
</div>
</div>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?d7381e8e13750926596c531b05a19c89";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
| 