热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

是否可以使用?-Canaspanbeclosedusing?

<span>CanHTMLspansbeclosedlikethis?可以像这样关闭HTMLspan吗?

Can HTML spans be closed like this?

可以像这样关闭HTML span吗?

10 个解决方案

#1


40  

Whether or not this is valid depends on your doctype, basically whether or not you're using XHTML or HTML.

这是否有效取决于您的doctype,主要是您是否使用XHTML或HTML。

When using XHTML, all major browsers will support self closing tags like the example you provided. Take the following example, this is valid because I'm specifying the page is using XHTML (in other words, HTML that is valid XML).

当使用XHTML时,所有主要浏览器都将支持自关闭标记,如您提供的示例。以下面的示例为例,这是有效的,因为我指定页面正在使用XHTML(换句话说,HTML是有效的XML)。

Update: Based on the very good comments below, browsers will only interpret all self closing tags correctly if the mime type is text/xml or application/xhtml+xml, see here for the details. For pages served as text/html (the vast majority), see here here for the tags that can be self closing.

更新:基于下面非常好的注释,如果mime类型是文本/xml或应用程序/xhtml+xml,浏览器只会正确地解释所有自闭标记,详情请参见这里。对于用作文本/html(绝大多数)的页面,请参阅这里的标签,这些标签可以自动关闭。

This example will validate:

这个例子将验证:





    


    

Will test page

some stuff

However, this example is not valid, because I've switched the doctype to HTML:

但是,这个示例无效,因为我将doctype切换为HTML:





    


    

Will test page

some stuff

A few helpful references:

一些有用的参考:

  • W3C Validator
  • W3C验证器
  • XHTML vs HTML
  • XHTML和HTML

#2


12  

No, this isn't supported by all browsers.
Here's an example with divs: http://jsbin.com/upovu

不,这不是所有浏览器都支持的。这里有一个divs的例子:http://jsbin.com/upovu

#3


1  

Testing the following fragment on validator.w3.org:

在validator.w3.org上测试以下片段:

Validating as HTML 4.01 Strict

验证为HTML 4.01严格

# end tag for "SPAN" omitted, but its declaration does not permit this

Validating as XHTML 1.0 Strict

严格地验证XHTML 1.0

# The uploaded document was successfully checked as XHTML 1.0 Strict.

#4


0  

Since the tag provides no visual change by itself, it doesn't make sense to me to have an auto-closing span block with no content. The tag provides a way to add a hook to a part of a text or a part of a document. When the text is hooked in a span element you can add styles to the content, or manipulate the content with for example Javascript.

由于标签本身不提供任何视觉上的改变,所以我认为没有内容的自动关闭跨度块是没有意义的。标签提供了一种方法,可以向文本的一部分或文档的一部分添加钩子。当文本被钩入span元素时,您可以向内容添加样式,或者使用例如Javascript操作内容。

However, to answer your question, yes the html code block posted is valid.

但是,要回答您的问题,所发布的html代码块是有效的。

#5


0  

AS far as I know, this can only be used when you set the Doctype to Xhtml.

据我所知,这只能在将Doctype设置为Xhtml时使用。

#6


0  

This is what the spec says for HTML 4.01 and for XHTML 1.0.

这是规范对HTML 4.01和XHTML 1.0的说明。

No, it's a container unlike an image or (deprecated) horizontal rule.

不,它是与图像或(已废弃的)水平规则不同的容器。

#7


0  

Easiest way to check is using http://validator.w3.org/

最简单的检查方法是使用http://validator.w3.org/

And the answer is no.

答案是否定的。

#8


0  

  • In HTML: you cannot.
  • 在HTML:你不能。
  • In XHTML: you can.
  • 在XHTML:可以。
  • In HTML Compatible XHTML: you cannot.
  • 在与HTML兼容的XHTML中:不能。

You must write HTML compatible XHTML if you wish to serve it as text/html, and you must serve it as text/html if you want it to work in IE <= 8.

如果希望将HTML作为文本/ HTML提供,则必须编写与HTML兼容的XHTML,如果希望在IE <= 8中使用,则必须将其作为文本/ HTML提供。

#9


-1  

No http://www.w3schools.com/tags/tag_span.asp

没有http://www.w3schools.com/tags/tag_span.asp

The span tag is useful for hooking css onto a particular segment of text or part of a document. I can't think of any useful/sensible reason that a span tag would self close.

span标记对于将css连接到文本的特定部分或文档的一部分非常有用。我想不出任何有用的/合理的理由来解释span标记会自动关闭。

#10


-1  

No, it's not. You can close like this ONLY if you can't insert in tag something For example: you can`t insert tag or text inside tag img, so you can close tag like this

不,它不是。只有当你不能在标签中插入一些东西时,你才可以这样关闭例如:你不能在标签img中插入标签或文本,所以你可以这样关闭标签


推荐阅读
  • Android开发实现的计时器功能示例
    本文分享了Android开发实现的计时器功能示例,包括效果图、布局和按钮的使用。通过使用Chronometer控件,可以实现计时器功能。该示例适用于Android平台,供开发者参考。 ... [详细]
  • FeatureRequestIsyourfeaturerequestrelatedtoaproblem?Please ... [详细]
  • 基于PgpoolII的PostgreSQL集群安装与配置教程
    本文介绍了基于PgpoolII的PostgreSQL集群的安装与配置教程。Pgpool-II是一个位于PostgreSQL服务器和PostgreSQL数据库客户端之间的中间件,提供了连接池、复制、负载均衡、缓存、看门狗、限制链接等功能,可以用于搭建高可用的PostgreSQL集群。文章详细介绍了通过yum安装Pgpool-II的步骤,并提供了相关的官方参考地址。 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • Nginx使用(server参数配置)
    本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ... [详细]
  • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
  • 本文分享了一个关于在C#中使用异步代码的问题,作者在控制台中运行时代码正常工作,但在Windows窗体中却无法正常工作。作者尝试搜索局域网上的主机,但在窗体中计数器没有减少。文章提供了相关的代码和解决思路。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • Metasploit攻击渗透实践
    本文介绍了Metasploit攻击渗透实践的内容和要求,包括主动攻击、针对浏览器和客户端的攻击,以及成功应用辅助模块的实践过程。其中涉及使用Hydra在不知道密码的情况下攻击metsploit2靶机获取密码,以及攻击浏览器中的tomcat服务的具体步骤。同时还讲解了爆破密码的方法和设置攻击目标主机的相关参数。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文介绍了Perl的测试框架Test::Base,它是一个数据驱动的测试框架,可以自动进行单元测试,省去手工编写测试程序的麻烦。与Test::More完全兼容,使用方法简单。以plural函数为例,展示了Test::Base的使用方法。 ... [详细]
  • 本文介绍了django中视图函数的使用方法,包括如何接收Web请求并返回Web响应,以及如何处理GET请求和POST请求。同时还介绍了urls.py和views.py文件的配置方式。 ... [详细]
  • iOS超签签名服务器搭建及其优劣势
    本文介绍了搭建iOS超签签名服务器的原因和优势,包括不掉签、用户可以直接安装不需要信任、体验好等。同时也提到了超签的劣势,即一个证书只能安装100个,成本较高。文章还详细介绍了超签的实现原理,包括用户请求服务器安装mobileconfig文件、服务器调用苹果接口添加udid等步骤。最后,还提到了生成mobileconfig文件和导出AppleWorldwideDeveloperRelationsCertificationAuthority证书的方法。 ... [详细]
author-avatar
全都变了吗
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有