放<span/>不好吗?<option/> 中的标签标签,仅用于字符串操作而不是样式?

Is it bad to put lt;span /gt; tags inside lt;option /gt; tags, only for string manipulation not styling?(放lt;span/gt;不好吗?lt;option/gt; 中的标签标签,仅用于字符串操作而不是样式?)
本文介绍了放<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; 中的标签标签,仅用于字符串操作而不是样式?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

how to remove this error quot;Response must contain an array at quot; . quot;.quot; while making dropdown(如何删除此错误quot;响应必须在quot;处包含数组。创建下拉菜单时(Q;))
Why is it necessary to use `document.createElementNS` when adding `svg` tags to an HTML document via JS?(为什么在通过JS为一个HTML文档添加`svg`标签时,需要使用`Document.createElementNS`?)
wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
price depend on selection of radio input(价格取决于无线电输入的选择)
calculate price depend on selection without button(根据没有按钮的选择计算价格)
What should I consider before minifying HTML?(在缩小HTML之前,我应该考虑什么?)