`
guochongcan
  • 浏览: 326859 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

标签中 span="" class="" 这两个有什么作用?

    博客分类:
  • JSP
阅读更多
问题:如{PE.Label id="最新评论" shownum="8" span="" class="" /},这些中的标签span="" class="" 这两个分别有什么作用?

解决:span属性指标签输出时用什么包含标签内容,如果span的属性为空则不包含直接输出。如标签内容为“ABCDEFG”,当设置了span="div",则输出为<div>ABCDEFG</div>,当设置了span="li",则输出为<li>ABCDEFG</li>。

  class就是这个span属性的风格,如设置了class="style1",则输出为<div class="style1">ABCDEFG</div>。

  从网页组成构成角度来理解,一般一个网页是由内容、结构、表现、行为四部分组成。在标签{PE.Label id="最新评论" shownum="8" span="" class="" /}这里,span=""和class=""构成了分别网页的“结构”和“表现”二个组成内容。即span就是输出标签内容的网页构成中的“结构”,class就是输出标签内容的网页构成中的“表现”。
分享到:
评论

相关推荐

    获取jsp中的所有某个标签中所有ID相同的元素

    然而,值得注意的是,`id`属性在HTML中应该是唯一的,即一个页面上不应该有两个或更多的元素具有相同的`id`。因此,这段代码实际上可能是在寻找具有相似`id`前缀的元素,而不是真正意义上的“相同ID”。如果确实需要...

    ie6不支持两个连续并列class类名怎么解决

    一个简单的解决方法是,通过将连续的两个类分开,并在HTML标签中使用两个独立的span元素包裹原本希望共同应用样式的内容。如下所示: ```html &lt;span class="class1"&gt;&lt;span class="class2"&gt;内容&lt;/span&gt;&lt;/span&gt; ``` ...

    java面试宝典

    18、两个对象值相同(x.equals(y) == true),但却可有不同的hash code,这句话对不对? 9 19、是否可以继承String 类? 9 20、以下二条语句返回值为true 的有: 10 21、当一个对象被当作参数传递到一个方法后,此方法可...

    网页中Span和Div的区别

    下面我们将详细探讨这两个标签的区别以及它们在实际应用中的作用。 首先,`&lt;span&gt;` 标签是一个内联元素(inline element)。它的主要用途是用于对文档中的某个小部分进行样式控制或行为添加,例如,对一句话中的...

    Bootstrap源码解读标签、徽章、缩略图和警示框(8)

    在Bootstrap框架中,标签(Labels)和徽章(Badges)是两种常用的小型文本元素,用于突出显示或提供额外的提示信息。它们通常应用于页面的各个部分,如导航、列表组、按钮等,以增强视觉效果和用户体验。 **标签...

    前端开发与实践- DIV与SPAN.pptx

    在前端开发中,`div` 和 `span` 是两个非常基础且重要的HTML标签,它们用于构建网页布局和组织内容。让我们深入探讨这两个元素以及与之相关的前端开发知识点。 首先,`div` 标签代表一个分区或节(division/section...

    HTML中当定义多个class属性时无效的解决方法

    在HTML的示例中,`&lt;div id="p" class="middle_div padding_10"&gt;` 和 `&lt;span id="s" class="normal_span"&gt;&lt;/span&gt;`,我们看到两个class属性值被同时使用。当两个类中包含冲突的样式时,CSS会选择优先级更高的那个。在...

    浅谈Span和Div的区别

    下面我们将深入探讨这两个标签的区别以及它们在网页设计中的应用。 首先,`&lt;span&gt;` 标签是一个内联元素,它通常用于包裹页面中的一部分文本或者图像,以实现特定的样式或行为。内联元素不会在浏览器中自动换行,...

    html必须标签,初学者配备

    这两个标签通常一起使用,创建一个项目列表。例如,可以看到 `#li{float:left;}` 这样的CSS样式,这表明每个列表项都可能被设置为浮动的,从而形成横向排列的菜单。 #### 1.6 `&lt;a&gt;` `&lt;a&gt;` 代表锚点标签,用于创建...

    dede标签大全_详解

    这两个标签分别用于显示网站的导航菜单,其中`class='thisclass'`可用于高亮显示当前浏览的栏目。 6. **指定调用栏目标签**: `{dede:typetypeid='x'}&lt;a href='[field:typeurl/]'&gt;[field:typename/]&lt;/a&gt;{/dede:type...

    【JavaScript源代码】React antd tabs切换造成子组件重复刷新.docx

    具体来说,假设在一个`Tabs`组件中有两个`TabPane`,每个`TabPane`都包含了相同的子组件`AuthedCollections`。当用户在不同标签之间来回切换时,即使`AuthedCollections`组件的状态没有改变,它也会被重新渲染多次。...

    【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码.docx

    这个功能在许多技术博客和文档分享网站中常见,能提升用户体验。 描述中提到的实现思路分为两步: 1. 在页面加载完成后,使用JavaScript遍历所有`&lt;pre&gt;`标签,并为它们添加一个“复制代码”按钮。 2. 为这个按钮...

    weui框架实现上传、预览和删除图片功能代码

    这里有一个`&lt;div&gt;`作为图片预览区(`weui-gallery`),包含一个`&lt;span&gt;`展示图片(`weui-gallery__img`)和一个操作区域(`weui-gallery__opr`),用于显示删除按钮: ```html &lt;div class="weui-gallery" id=...

    react中实现搜索结果中关键词高亮显示

    在React中,为了将HTML标签插入内容中,替换字符串使用了ES6模板字符串语法,将高亮关键词包裹在&lt;span&gt;标签中,并且可以为&lt;span&gt;标签添加一个class来定义高亮的样式。 最后,当需要将包含HTML标签的字符串插入React...

    jsp简单自定义标签的forEach遍历及转义字符示例.docx

    在这个类中,我们需要定义两个属性:`String var` 和 `Object items`。其中`var`用于保存每次迭代的结果,而`items`则用来存储待遍历的集合或映射对象。 ```java public class ForEachTag2 extends ...

    AmazeUI 单选框和多选框

    在AmazeUI中,单选框(Radio)和多选框(Checkbox)是两种常用的表单元素,它们在网页交互中起到重要的作用,比如用户在进行选择或确认操作时。下面将详细讲解AmazeUI中的单选框和多选框的使用方法、样式以及与之...

    轮播图-Bootstrap

    轮播图主要由`&lt;div class="carousel"&gt;`包裹,包含两个主要部分:`&lt;div class="carousel-inner"&gt;`和`&lt;ol class="carousel-indicators"&gt;`。`carousel-inner`包含每个轮播项(slide),而`carousel-indicators`则用于...

    Bootstrap每天必学之标签与徽章

    在本篇文章中,我们将深入探讨Bootstrap中的标签(Labels)和徽章(Badges),这两种组件常用于向用户传达额外信息或者作为视觉提示。 标签在Web设计中扮演着重要角色,例如标记新内容或突出显示特殊状态。...

    整理HTML:id和class,div,span,内联和块元素,音频和视频标签的概念

    在HTML中,`id`和`class`是两种重要的选择器,用于为元素添加唯一的标识或分组多个元素。接下来,我们将深入探讨这些概念,以及`div`、`span`、内联和块元素,以及音频和视频标签。 1. `id`与`class`: - `id`:每...

    标签云效果

    标签云的核心是数据处理和前端展示两个部分。数据处理涉及收集和统计各个标签的出现次数,生成一个包含标签和对应权重的数据结构。这可以通过数据库查询、日志分析或其他数据源来完成。前端展示则需要将这些数据转换...

Global site tag (gtag.js) - Google Analytics