html 可换行属性,html里title属性换行的方法

今天在写插件时，需要在一段字符的title属性里加入一大段文字。字符串本身用UNIX行尾符LF换行。我直接输出字符串，发现在IE和Firefox下都可以显示出断行。

text

不过，Firefox的Html

Validator扩展报了错。在网上搜了一圈，这里提到：

The (X)HTML DTDs define the contents of the title attribute as

CDATA for which the W3C states:

User agents should interpret attribute values as follows:

Replace character entities with characters,

Ignore line feeds,

Replace each carriage return or tab with a single space.

大概的意思是，XHTML

DTD定义title属性为一个CDATA，而根据SGML里CDATA的定义，浏览器应该：替换所有html实体；忽略LF字符；替换所有CR字符和tab字符为一个空格。

按照W3C的说法，执行这3步后，所有的CR和LF字符已经他们的html实体都已消失或变成空格了。看起来在title里换行变成不可能的事了。不过，Firefox好像并没有转换CR字符为空格，而是把CR给忽略了。而LF字符倒是没有被处理，直接换行了。上面的代码，不用UNIX行尾符LF，而是用Mac行尾符CR，在IE下还能换行，但是在Firefox下，CR字符直接被忽略了。我还是很想通过W3C的验证，所以做了一下测试，使用LF字符或者LF的html实体&

#10;都是可以的。网上流传说可以用CR的html实体&

#13;，其实只是IE中可以，Firefox下一样不行。如果不追求符合W3C，那还不如直接把字符串转成UNIX行尾符输出呢。

text

还有，title里有小于号和单引号好像并不要紧，但是有双引号就不行了。这么说来，把字符串里的换行和双引号给替换一下输出就行了？唉，复杂复杂，晕了。这里有一个介绍这方面问题的页面，不过没太看懂。

发现CR的全称是Carriage Return，Carriage是字车的意思，Carriage

Return意思是字车复位。LF的全称是Line

Feed，喂进一行，就是新起一行的意思。这起源于打字机时代，每打到一行的末尾，打字员要手工把字车推回第一列，字车复位后，纸会上升一行。所以就有了ASCII码值为13的CR和ASCII码值为10的LF两个字符。而DOS和Windows下文本文件的新行用CR和LF两个字符表示，UNIX下用LF，Mac下用CR。呼，这些资料大概在上个世纪我就知道了，不过一直记不住两个字符的ASCII码是多少，现在复习一遍，这下我应该能记住了。[via]

P.S.

好像C++里"\n"在Windows下输出CRLF，在UNIX下输出LF，而"\r"输出CR。PHP里是"\n"输出的是LF，"\r"输出的是CR。[via]

html 可换行属性,html里title属性换行的方法相关推荐

html 可换行属性,html中title属性换行实现
本文主要讲解titile属性换行的实现方式. 元素可定义文档的标题,可以应用在img.a等标签上. 1.实现方式: html中title属性换行实现孟繁贵的博客园孟繁贵的博客园 2.效果: 3.原 ...
python里的属性是什么_python属性 python 里的属性是什么意思？
python 里的属性是什么意思? 刚开始看python教程,不是很明白."属性,属性方法,方法"这些是什么意你说的是对象吧 Python是面向对象的语言,在python中一切皆对 ...
html中如何在标题中加样式,html title属性样式
css 中title属性怎样设置文本样式?如加颜色.设置打开开发工具,新建一个HTML文件. 使用font-family属性设置,字体代码:.demo1{font-family: "mic ...
对Html里的title属性的换行
关键词:html, title, 换行众所周知,为html的标签配置title属性可以起到提示的效果,而html的title属性默认是显示一行的,那么如何换行呢? 1.写到多行里去如: <i ...
php 给富文本里的图片增加ALT、TITLE属性
php 给富文本里的图片增加ALT.TITLE属性 $text = '内容<img src="http://www.test.com/test1.jpg">内容'; $ ...
自定义html 标签中的 title属性，感觉默认title 难看，强迫症专用
转自网络,可直接copy使用. 在实际的开发过程中,如过不想新出明细的页面,就可以用title的属性把明细信息都让鼠标悬浮的时候显示出来,但title属性显示出来可能会影响本来页面的信息展示(覆盖原有 ...
php 定义title,HTML5中对title属性的定义与规定
注意,这里说的不是title标签( ),而是title属性(如总结: 元素的title属性的值就是该元素的咨询信息,并有可能适当的以提示框的形式显示出来. title属性是纯文本形式的. 例如:超级 ...
SAP 电商云 Spartacus UI 有状态的 url 和 title 属性的赋值代码
有状态的 URL Spartacus 为店面的每一部分提供了一个带有状态地址的 URL.这使用户可以更轻松地浏览店面,还允许网络爬虫对每个页面进行索引.因此,可以通过社交媒体.机器人和搜索索引共享更多 ...
中自动展示链接的内容_织梦DEDECMS文章内容中的图片自动添加ALT和title属性方法...
今天下载我资源网(www.xiazaiwo.net)要说的是织梦DEDECMS文章内容中的图片自动添加ALT和title属性,如果觉得不错,请分享给大家,也给大家做个参考.一起跟随小编过来看看吧! 织 ...
【CSS】CSS中alt属性和title属性用法
你对CSS中的alt属性和title属性的使用是否熟悉,这里和大家分享一下两者的使用,CSS中alt属性只能用在img.area和input元素中(包括applet元素),对于input元素,alt属 ...

html 可换行属性,html里title属性换行的方法

html 可换行属性,html里title属性换行的方法相关推荐

最新文章

热门文章