放<span/>不好吗?<option/> 中的标签标签,仅用于

2023-07-31前端开发问题
3

本文介绍了放<span/>不好吗?<option/> 中的标签标签,仅用于字符串操作而不是样式?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我想将 <option/> 标记的文本内容分组.假设我有以下:<option>8:00(1小时)</option>,时间模式8:00可以修改,然后文字括号内的(1小时)也可以修改.

I would like to make groups of the text content of an <option /> tag. Say I have the following: <option>8:00 (1 hour)</option>, the time pattern 8:00 can be modified, then the text in parenthesis (1 hour) can also be modified.

我正在考虑做类似的事情

I was thinking of doing something like

<option>
  <span>8:00</span>
  <span> (1 hour)</span>
</option>

<span/> 标签放在 <option/> 标签内是不是很糟糕,只用于字符串操作而不是样式?

Is it bad to put <span /> tags inside <option /> tags, only for string manipulation not styling?

推荐答案

来自 HTML 5 规范:

内容模型:

  • 如果元素有标签属性和值属性:Nothing.
  • 如果元素有标签属性但没有值属性:文本.
  • 如果元素没有标签属性并且不是 datalist 元素的子元素:不是元素间空白的文本.
  • 如果元素没有标签属性并且是 datalist 元素的子元素:文本.

因此,根据上下文,您可以在 <option> 中放入两件事 - 文本或根本不放入 - 您可能不会放入 <span> 或那里的任何其他元素.

So depending on context there are two things that you can put inside an <option> — text or nothing at all — you may not put a <span> or any other element there.

来自 HTML 4.01 规范:

From the HTML 4.01 spec:

<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->

(甚至 HTML 3.2 和 HTML 2 规范都说:<!ELEMENT OPTION - O (#PCDATA)*>)

(Even the HTML 3.2 and HTML 2 specs say: <!ELEMENT OPTION - O (#PCDATA)*>)

选项元素不能有任何子元素.所以是的,这很糟糕.

An option element cannot have any child elements. So yes, it is bad.

这篇关于放&lt;span/&gt;不好吗?&lt;option/&gt; 中的标签标签,仅用于字符串操作而不是样式?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

layui 实现实时刷新一个外部的div
主页面上显示了一个合计,在删除和增加的时候需要更改这个总套数的值: //html代码div class="layui-inline layui-show-xs-block" style="margin-left: 10px" id="sumDiv"spanSOP合计:/spanspan${totalNum}/spanspan套/span/div 于是在我们删除这个条数据后,...
2024-11-14 前端开发问题
156

layui要如何改变时间日历布局大小?
问题描述 我想改变layui时间日历布局大小,这个要怎么操作呢? 解决办法 可以用css样式对时间日历进行重新布局,具体代码如下: !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlelink rel="stylesheet" href="../../layui/css/layui.css" /style#test-...
2024-10-24 前端开发问题
271

jQuery怎么动态向页面添加代码?
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href...
2024-10-18 前端开发问题
125

“数组中的每个孩子都应该有一个唯一的 key prop"仅在第一次呈现页面时
quot;Each child in an array should have a unique key propquot; only on first time render of page(“数组中的每个孩子都应该有一个唯一的 key prop仅在第一次呈现页面时)...
2024-04-20 前端开发问题
5

CoffeeScript 总是以匿名函数返回
CoffeeScript always returns in anonymous function(CoffeeScript 总是以匿名函数返回)...
2024-04-20 前端开发问题
13

getFullYear 在一年的第一天返回前一年
getFullYear returns year before on first day of year(getFullYear 在一年的第一天返回前一年)...
2024-04-20 前端开发问题
6