`

html里title属性换行的方法

 
阅读更多
众所周知,对于链接和图片,我们可以通过添加title 属 性以显示一些说明文字,一般情况下,这些文字都是显示成一行,那么有没有办法让它以多行的方式显示呢?解决的方法有两种:

1.将title 属 性分成几行来写,例如:
<ahref=#"title ="说明一
说明二
说明 三">印象派</a>

2.第一行相对来说不够直观,我们还可以在需换行 的地方添加&#10;(将&改为 半角,下同)或&#13;来实现:
<ahref=#"title ="说明一&#10;说明二&#10;说 明三">印象派</a>
<ahref=#"title ="说明一&#13;说明二&#13;说 明三">印象派</a>

==================

response.write " title='标 题:" & rsArticleList("Title") & vbcrlf & "作 者:" & rsArticleList("Author") & vbcrlf & "转 贴 自:" & rsArticleList("CopyFrom") & vbcrlf & "更新时间:" & rsArticleList("UpdateTime") & vbcrlf
response.write "点 击 数:" & rsArticleList("Hits") & vbcrlf & "关 键 字:" & mid(rsArticleList("Key"),2,len(rsArticleList("Key"))-2) & vbcrlf & "推荐等级:"

直接换行就可以

=======================

<a href='/news/detail/159.html' target='_ablank' title='标 题:fadfasdf
作 者:佚名
转 贴 自:本站原创
更新时间:2007-3-14 10:31:00
点 击 数:0
关 键 字:fdafdddfa
推荐等级:无
分页方式:不分页
阅读等级:游客
阅读点 数:0'>fadfasdf</a>
<div title="123&quot;&#10;456">text</div>
<p><a href=#" title="说明一&#10;说明二&#10;说明三">印象派</a>
<a href=#" title="说明一&#13;说明二&#13;说明三">印象派</a></p>

===========================

function decodeHTML(fString)
if not isnull(fString) then
fString = replace(fString, "&gt;", ">")
fString = replace(fString, "&lt;", "<")

fString = Replace(fString, "&nbsp;", CHR(32))
fString = Replace(fString, "&nbsp;", CHR(9))
fString = Replace(fString, "&quot;", CHR(34))
fString = Replace(fString, CHR(39),"&#39;")
fString = Replace(fString, "</P><P> ",CHR(10) & CHR(10))
fString = Replace(fString, "<BR> ", CHR(10))
decodeHTML = fString
end if
end function

function encodeHtml()

替换成unicode字符就可以

end function

=================================

以下为转出网上

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

<div title="123
456">text</div>




不过,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行尾符输出呢。

<div title="123& #10;456">text</div>




还有,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。

分享到:
评论

相关推荐

    HTML实现title 属性换行小技巧

    本文给大家带来的是一个在html中title属性换行的小技巧,非常的实用,这里推荐给各位,不用谢我~

    HTML title 属性换行的办法

    前两天在写程序的时候,想给提示信息(TITLE)换行...将title属性分成几行来写,例如: 印象派&lt;/a&gt; 2.第一行相对来说不够直观,我们还可以在需换行的地方添加 (将&改为半角,下同)或 来实现: 印象派&lt;/a&gt; 印象派&lt;/a&gt;

    html a 链接标签title属性换行鼠标悬停提示内容的换行效果

    鼠标经过悬停于对象时提示内容(title属性内容)换行排版方法,html title 换行方法总结。 html的title属性默认是显示一行的.如何换行呢? 这里DIVCSS5总结介绍两种换行方法为大家分享使用。 一、直接title内容换行...

    零基础学HTML CSS源代码

    title用法.html 链接参数title用法。 锚点链接.html 标记锚点链接用法 图片链接.html 演示图片链接。 文字链接.html 演示文字链接。 邮箱地址链接.html 演示邮箱地址链接。 链接实例手把手.html 演示链接实例...

    html-常用HTML、CSS标签属性.pdf

    HTML和CSS标签属性大全 HTML结构标签: * `&lt;HTML&gt;`:定义HTML文档的开始和结束 * `&lt;HEAD&gt;`:定义HTML文档的头部,包含文档的标题、样式定义、脚本等 * `&lt;TITLE&gt;`:定义文档的标题,显示在浏览器的标题栏中 * `...

    Html语法大全.pdf

    "&gt;,其中 href 属性是连接目标,name 属性是连接名称,target 属性是目标窗口,title 属性是连接提示。图像的语法格式为:,其中 src 属性是图像 URL,alt 属性是图像替代文字,width 和 height 属性是图像宽度和...

    HTML5常用基础标签.docx

    + `&lt;img&gt;`:图片,常用属性有 `src`、`height`、`width`、`title`、`alt`。 四、组合标签 组合标签用于显示图片及图片标题,例如: * `&lt;figure&gt;&lt;/figure&gt;`:用于显示图片及图片标题。 * `&lt;img /&gt;`:图片。 * `...

    HTML学习笔记.pdf

    * &lt;title&gt; 元素描述了文档的标题 * &lt;body&gt; 元素包含了可见的页面内容 * &lt;h1&gt; 元素定义一个大标题 * &lt;p&gt; 元素定义一个段落 HTML 基础: * HTML 标题:HTML 标题是通过&lt;h1&gt;-标签来定义的 * HTML 段落:HTML 段落是...

    网页制作练习题.pdf

    网页制作练习题 本资源摘要信息中,我们将对...18. HTML语言中的强制换行是 标记符。 知识点: HTML标记符、 标记符、换行符 19. 标记符的作用是设置水平分割线。 知识点: HTML标记符、标记符、水平分割线

    前端HTML5 css基础

    + `height`:图片高度,设置宽高时,图片可能变形,解决方法:设置宽或高,让图片等比例。 + `border`:图片边框。 HTML 音频标签 ------------- * `&lt;audio&gt;`:音频标签,播放音频。 * 属性: + `src`:音频...

    HTML开发王

    11.2.6 框架的描述(title属性、longdesc属性) 11.3 使用目标框架(name属性和target属性) 11.3.1 设置链接默认的目标 11.3.2 目标的优先级 11.3.3 名称和框架标识 11.4 内联框架(iframe元素) 11.5 巩固与自测 第12章 ...

    从入门到精通HTML5——PDF——网盘链接

     1.3.1 HTML文件的编写方法 5  1.3.2 文件开始标签&lt;html&gt; 7  1.3.3 文件头部标签&lt;head&gt; 7  1.3.4 文件标题标签&lt;title&gt; 7  1.3.5 文件主体标签&lt;body&gt; 7  1.3.6 编写文件的注意事项 8 ...

    李炎恢HTML_CSS教程.pdf

    * 文本元素:标题、段落、换行、强调、引用 * 超链接和路径:超链接、邮件链接、下载链接、anchor标签 * 分组元素:div、span、blockquote、code * 表格元素:table、tr、td、th、caption * 文档元素:head、body、...

    html+css传智播客老师整理7天的笔记

    * HTML标签具有属性,属性可以多个,使用空格隔开,属性值使用单引号或双引号引起来 四、文本标签 * H1-H6:标题标签,从大到小,加粗,单独占据一行 * Ol/ul:列表标签,用于对段落的排列 * br/:换行标签 * p:...

    HTML常用标签及属性.pdf

    HTML常用标签及属性 HTML是HyperText Markup Language的缩写,用于描述网页的结构和布局。下面是常用的HTML标签和属性: 结构标签 * `&lt;html&gt;`:HTML文档的根元素,定义了整个HTML文档的结构。 * `&lt;head&gt;`:定义了...

    HTML+CSS笔试题-答案.docx

    在HTML中,标签的title属性用于显示提示信息,alt属性用于显示替代文本,src属性用于指定图像的URL。 XHTML使用规范 在XHTML中, 是合法的换行标签,是合法的输入框标签,是合法的图像标签。 水平居中 为了...

Global site tag (gtag.js) - Google Analytics