HTML5中p和跨度标签有什么区别

  介绍

这篇文章给大家分享的是有关HTML5中p和跨度标签有什么区别的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

1. ID和类的选择

我们常常会很难决定一个元素应该使用ID还是类名。这里先直接说出总结的结果:

<强>只有在目标元素非常独特,绝不会对网站上其他地方使用这个名词时,才会使用ID。换句话说,只有绝对确定这个元素只会出现一次的情况下,才应该使用ID。如果你认为以后可能需要相似的元素,就使用类。

总结上说的已经很明白了,就不需要过多解释了。

下面说一下过度使用时各自的缺点。

<>强过多使用ID的缺点:强如果大量使用ID,很快就会难以找到唯一的名称,最终不得不创建非常长,非常复杂的命名约定。解决这个问题仅仅需要看上面的总结即可。

<>强过多使用类的缺点:有人在写CSS样式的时候习惯把样式的每个地方都添加一个类,从而去更精准的控制需要的样式。这样其实会造成代码繁琐,灵活性差,所以我们在写代码的时候,如果你发现了类命中出现了重复的单词,就应该考虑把这些元素分解成他们的组成部分,这样会大大提高灵活性,使得页面更加简洁。看下面的示例。

,,& lt; h3 类=皀ews-head"在这是头部& lt;/h3>
  & lt;才能p 类=皀ews-text"在这是一个文本& lt;/p>
  & lt;才能p 类=皀ews-text"在这是另一个文本& lt;/p> 

像这种带重复单词,就应该考虑是否可以把这些元素分解成他们的组成部分,让代码更加的“组件化“。比如写成这样:

& lt; p 类=皀ews"比;   ,,,& lt; h3>这是头部& lt;/h3>   ,,,& lt; p>这是一个文本& lt;/p>   ,,,& lt; p>这是另一个文本& lt;/p>   & lt;/p>

然后通过层叠(级联)来识别不同的内容。

2.便士和跨度

p元素是一个有助于在文档中添加结构的一个元每分钟素并不没有语义的,p实际上代表部分(pision)。同样的不要过度使用p元素。
<强> p使用需注意:应该只有在没有现有元素能够实现区域分割的情况下使用p元素,否则就会造成代码过于繁杂。
PS:本来不想写关于这个的书上的例子。但是从我的角度出发,仅仅是告诉我这一句话我虽然知道是应该这样,但是我并不知道在某一时刻到底要不要用p。

假如这是一个主导航列表。就不要将它保卫在p中。

蚂蚁简写为:p> ul>李* 3祝辞(href=https://www.yisu.com/zixun/),然后按表键
  

  

  

但是不要机械的认为只要是ul标签就不需要使用p标签包裹。我们看一下1中关于类类的内容。你觉得当要对整个主导航列表的标签进行一些样式设计,那是每个李标签都加一个类或者身份证呢,还是就想1中所说的加一个p标签包裹来使得代码变的“组件化“。

我没有做过H5的开发,但是我知道这种事情没有绝对,还是需要根据使用的目的去看是否使用p。我个人是觉得像这种虽然是一个导航列表,可以直接使用ul来构造,但是我觉得加一个p并不是单纯的让这个导航列表成为一个块,另一个是告诉我这个开发者这个导航列表它是一个部分。

<强> & lt; span>元素强劲的主要作用就是对行内的元素进行分组或标识。

 & lt; p> & lt; span 类=癮a"祝辞Harry  Knowles & lt;/p> 

两者的区别已经很明显了。

感谢各位的阅读!关于“HTML5中p和跨度标签有什么区别”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

HTML5中p和跨度标签有什么区别