发表日期: 2022-05-29 09:15:00 浏览次数:77
广西省桂林网站建设-桂林网络公司-优化-制作-设计推广-桂林网站建设服务中心

<span> 标签本身并没有什么特殊效果,通常需要借助 CSS 来改变内容的样式,比如字体、颜色、大小、边框、背景等。
那些不被推荐的 HTML 内联标签,比如 <font>、<small>、<big> 等,建议使用 <span> + CSS 样式来代替;但是那么具有明确语义的内联标签,比如 <strong>、<b>、<code>、<em>、<i>、<s> 等,还是应该坚持使用,这些标签比 <span> 更加具有语义,更有助于搜索引擎理解页面内容。
大部分 HTML 元素都可以相互嵌套,并且嵌套深度也没有明确限制,这包括:
块级元素可以嵌套块级元素;
块级元素可以嵌套内联元素;
内联元素可以嵌套内联元素;
内联元素可以嵌套块级元素。
值得注意的是,一般不建议在内联元素中嵌套块级元素,这样不仅不符合开发规范,还会导致内联元素被撑开,独自占据一行。但是有时候又不得不这样做,比如C语言中文网首页的教程列表,一个板块链接到一套教程,为了让读者点击板块的任何一个地方都能跳转到教程页面,我们就在 <a> 标签中嵌套了 <div>、<h4> 和 <p> 标签,代码如下:
<a href="/html/" target="_blank" class="clearfix"><div class="image"><img align="center" src="/templets/new/images/index_pc/icon_html.png" alt="HTML图标"></div><div class="desc"><h4>HTML教程</h4><p>HTML是一种专门开发网页的标记语言,由浏览器解析。</p></div></a>
总之,这是一条建议,不是强制规定。
标签的很多默认行为都可以借助 CSS 改变,显示类型也不例外,我们可以通过 CSS display 属性将块级元素修改为内联元素,或者将内联元素修改为块级元素,或者兼具两者优点,将标签设置为行内块级元素。
CSS 虽然可以改变标签的显示类型,但是不能改变标签的语义,读者还是应该根据语义去使用标签,例如:
<div> 标签用来布局,而不用来显示文本;
<p> 标签用来显示文本,而不用来布局;
<strong> 标签用来强调文本,加粗只是附带效果;
<b> 标签用来从视觉上加粗文本,引起读者注意
广西省桂林网站建设-桂林网络公司-优化-制作-设计推广-桂林网站建设服务中心