cindysaj
- 浏览: 389027 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (171)
- 学习网站 (3)
- 生活点滴 (10)
- javascript (35)
- java (8)
- select/option (4)
- SQL (4)
- database存取 (5)
- intra-mart (1)
- java面试相关 (8)
- hibernate (2)
- IDE related (6)
- Websphere (6)
- software development (1)
- ibatis (4)
- JSF (5)
- dojo (6)
- java web (2)
- xml (0)
- DB2 (11)
- version control (4)
- xml,excel,json related (3)
- 工具收集 (1)
- BW (13)
- abap (1)
最新评论
-
Trying：
mysql会怎样呢？编程时，到底要不要排序呢？听说排序会对性能 ...
sql中没有order by,是否存在默认排序 -
yanwushu：
CASE WHEN 有两种表达式写法： ...
oracle case when的用法 -
Matol：
ok，不错的
java去除字符串中的空格、回车、换行符、制表符 -
jianxia801：
现在天下文章一大抄；实际没有这个fromString方法：准确 ...
JSON与JAVA的数据转换--String->Bean -
春隆隆：
精辟
java去除字符串中的空格、回车、换行符、制表符
定义和用法
title 属性可设置或返回对元素的描述性短语。
语法
bodyObject.title=title
example1:
<body id="myid" title="mytitle">
<script type="text/javascript">
x=document.getElementsByTagName('body')[0];
document.write("Body title: " + x.title);
document.write("<br />");
document.write("An alternate way: ");
document.write(document.getElementById('myid').title);
</script>
</body>
example2:
<a href="http://www.baidu.com/" title="begin XHTML study">XHTML学习</a>
说明
可以为链接,表单等元素提供额外的信息(HTML中所有元素都具有title属性),比如可以通过title属性详细介绍要链接到的页面的内容.
鼠标停留在链接或表单上面时,显示提示文字.
一些可以发音的浏览器,可以说出"title"里的内容
example3:
带换行的title测试
<div title="123 456">text</div>
<div title="123& #10;456">text</div>
<a href="" title="怎样强 制换行">留言</a>
<div title="I am a happy girl, I am very happy. I want to be happy forever.That's the words I want to say to everybody, I hope everyone will be happy every day.">long text</div>
ToolTip Torture Test
Tooltips can be very useful things, but there are a few intracies that most authors don’t understand how to take advantage of, and a few behaviors that are bugs in the various browser implementations.
Several attributes should cause a tooltip or similar display when the cursor is passed over an object with some or all of them. title should always display its contents, while alt should only be displayed when the image has not been loaded. I am not sure how longdesc should be handled; it is paired with alt in the HTML 4.01 specification, and seems designed to provide a textual description of the image in lieu of actually showing the image (primarially for blind people, perhaps), but the spec is silent on this, and it could be used simply as a means for providing an extended description or information about the image appropriate for all users. Therefore, it is my contention that this link should always be displayed.
TITLE & ALT
Move your mouse cursor over the checkmark, and you should see a tooltip with the phrase, “This is a checkmark.” displayed near the cursor. If it displays “checkmark image” instead, your browser is displaying the title attribute instead.
TITLE, ALT, & LONGDESC
This image should display a tooltip identical to the one above, but it should also have some sort of a hyperlink displayed near or attached to it. A URL is specified in the LONGDESC attribute of that image tag.
Really Long Text
This image has an extremely long text string specified as the ALT text. The string ends with “…will be gray.” and you should see that.
Ignoring Line Breaks
This image’s ALT text is four sentences, with a line break between each sentence. According to the HTML specification, these line breaks should be ignored, but Internet Explorer 6.0 interprets them; putting each sentence on a new line of the tooltip. This is both useful and problematic behavior—and very incorrect. The HTML specification should be modified to allow for simple formatting such as line breaks, bolding, and itallics.
Forcing Line Breaks
The HTML specification specifies that all linefeeds shall be ignored, but some method of indicating them in tooltips is needed. Two methods that occur to me are using 
 (Unicode NewLine) or /A (CSS2 escape sequence for a traditional newline).
Typesetting Character Entities
This tooltip should contain several typesetting characters, including an em dash after checkmark, a built fraction for 1/4 and double prime for 1/4 inch, curly quotes around feature chart, and an ellipsis at the end.
UTF-8 Typesetting Characters
This tooltip should contain several typesetting characters, including an em dash after checkmark, a built fraction for 1/4 and double prime for 1/4 inch, curly quotes around feature chart, and an ellipsis at the end.
大概的意思是，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行尾符输出呢
还有，title里有小于号和单引号好像并不要紧，但是有双引号就不行了。这么说来，把字符串里的换行和双引号给替换一下输出就行了？go on learning...
title 属性可设置或返回对元素的描述性短语。
语法
bodyObject.title=title
example1:
<body id="myid" title="mytitle">
<script type="text/javascript">
x=document.getElementsByTagName('body')[0];
document.write("Body title: " + x.title);
document.write("<br />");
document.write("An alternate way: ");
document.write(document.getElementById('myid').title);
</script>
</body>
example2:
<a href="http://www.baidu.com/" title="begin XHTML study">XHTML学习</a>
说明
可以为链接,表单等元素提供额外的信息(HTML中所有元素都具有title属性),比如可以通过title属性详细介绍要链接到的页面的内容.
鼠标停留在链接或表单上面时,显示提示文字.
一些可以发音的浏览器,可以说出"title"里的内容
example3:
带换行的title测试
<div title="123 456">text</div>
<div title="123& #10;456">text</div>
<a href="" title="怎样强 制换行">留言</a>
<div title="I am a happy girl, I am very happy. I want to be happy forever.That's the words I want to say to everybody, I hope everyone will be happy every day.">long text</div>
ToolTip Torture Test
Tooltips can be very useful things, but there are a few intracies that most authors don’t understand how to take advantage of, and a few behaviors that are bugs in the various browser implementations.
Several attributes should cause a tooltip or similar display when the cursor is passed over an object with some or all of them. title should always display its contents, while alt should only be displayed when the image has not been loaded. I am not sure how longdesc should be handled; it is paired with alt in the HTML 4.01 specification, and seems designed to provide a textual description of the image in lieu of actually showing the image (primarially for blind people, perhaps), but the spec is silent on this, and it could be used simply as a means for providing an extended description or information about the image appropriate for all users. Therefore, it is my contention that this link should always be displayed.
TITLE & ALT
Move your mouse cursor over the checkmark, and you should see a tooltip with the phrase, “This is a checkmark.” displayed near the cursor. If it displays “checkmark image” instead, your browser is displaying the title attribute instead.
TITLE, ALT, & LONGDESC
This image should display a tooltip identical to the one above, but it should also have some sort of a hyperlink displayed near or attached to it. A URL is specified in the LONGDESC attribute of that image tag.
Really Long Text
This image has an extremely long text string specified as the ALT text. The string ends with “…will be gray.” and you should see that.
Ignoring Line Breaks
This image’s ALT text is four sentences, with a line break between each sentence. According to the HTML specification, these line breaks should be ignored, but Internet Explorer 6.0 interprets them; putting each sentence on a new line of the tooltip. This is both useful and problematic behavior—and very incorrect. The HTML specification should be modified to allow for simple formatting such as line breaks, bolding, and itallics.
Forcing Line Breaks
The HTML specification specifies that all linefeeds shall be ignored, but some method of indicating them in tooltips is needed. Two methods that occur to me are using 
 (Unicode NewLine) or /A (CSS2 escape sequence for a traditional newline).
Typesetting Character Entities
This tooltip should contain several typesetting characters, including an em dash after checkmark, a built fraction for 1/4 and double prime for 1/4 inch, curly quotes around feature chart, and an ellipsis at the end.
UTF-8 Typesetting Characters
This tooltip should contain several typesetting characters, including an em dash after checkmark, a built fraction for 1/4 and double prime for 1/4 inch, curly quotes around feature chart, and an ellipsis at the end.
大概的意思是，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行尾符输出呢
还有，title里有小于号和单引号好像并不要紧，但是有双引号就不行了。这么说来，把字符串里的换行和双引号给替换一下输出就行了？go on learning...
分享到：
发表评论
-
window.open()的所有参数列表
2010-08-17 10:42 682【1、最基本的弹出窗口 ... -
javascript IE firefox兼容性
2010-06-22 17:34 1562以下以 IE 代替 Internet Explorer，以 M ... -
js的引号多级嵌套
2010-05-19 13:47 15097今天遇到一个bug,就是引号码层嵌套的问题 var subTa ... -
加纵向滚动条
2010-05-14 11:12 1047version 1 <html> <head ... -
验证数字
2010-03-30 15:57 793function isValidCurrency(input) ... -
IE vs firefox
2010-03-25 12:17 1008IE有children，FireFox没有 document. ... -
window.open()的所有参数列表
2009-01-08 14:12 754前言:经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹 ... -
offsetParent和parentElement的区别
2009-01-08 10:20 1401一直以为offsetParent和parentElement是 ... -
setInterval(),clearInterval
2008-12-16 18:00 1739setInterval() 设置浏览器每隔多长时间以后调用指定 ... -
dom中的children对象数组元素 fistChild,lastChild使用
2008-12-04 17:26 3086children对象数组元素示例 <html> & ... -
event.srcElement
2008-12-04 15:12 966<body > <table heigh ... -
iframe调用父页面的javascript函数
2008-12-03 18:04 7524iframe调用父页面的javascript函数 paren ... -
Readonly和Disabled的区别
2008-12-02 15:58 4668Readonly和Disabled是用在表单中的两个属性，它们 ... -
获得焦点focus()使用example
2008-12-02 15:32 1773<%@ page contentType="t ... -
javascript:void(0) & 刷新页面
2008-12-02 10:36 36391 <a href="#" oncl ... -
document.all
2008-12-01 17:34 1247一. document.all是页面内所有元素的一个集合。例如 ... -
javascript中id和name的区别
2008-12-01 14:58 1752javascript中id和name的区别 id一般来说是唯一 ... -
javascript中的eval函数的用法
2008-12-01 14:56 954javascript中的eval函数的 ... -
insertAdjacentHTML
2008-12-01 10:51 1898insertAdjacentHTML动态插入行2008-11- ... -
向后台传输json对象数组
2008-11-27 17:15 66971function setJson1() { var tbl ...
相关推荐
资产处理小工具，python3编写，功能简单，大佬勿喷，批量访问网址，并获取title 使用方法：scanport扫描出来的结果存入res.txt，可直接使用get_title.py获取title
基本环境配置： webpack + vue2.0 + vue-router +nodeJS 进入 router 文件夹底下的index.js文件 首先引入： import Vue from 'vue' import Router from 'vue-... title: '首页入口' } }, { /* 修改昵称 */ path: '
自定义title的使用方法，可以改变title的样式
如果想要动态的去修改，需要使用如下的方法。 document.title = '这是一个标题'; 这样会让我们做很多无用功。显得十分蠢。 使用Vue-Router的方法 首先打开/src/router/index.js文件。 找到如下代码。 const vue...
pdf标题 pdftitle是提取PDF文章标题的小...安装 pip install pdftitle用法pdftitle -p 返回找到的文档标题。 $ pdftitle -p knuth65.pdf On the Translation of Languages from Left to Rightpdftitle -p <pdf-fi
react-router-doc-title 使用React Router更改路线时更新页面标题。 同时向屏幕阅读器宣布新标题。 受到对Ember.js和。 注意：正在进行中！要求经过测试： react ^0.13 react-router ^1.0.0-rc1安装npm install --...
此代码使用jquery编写，直接让网页加载这个JS即可替换原来的title提示，如果你懂一点代码，还可以进入这个JS进行修改样式。本人亲自编写测试成功通过，如果对您有用，请给予支持。(baiyukey.blog.163.com)
用法 语法是setTerminalTitle(, ) ，其中opts是一个对象。 选项 冗长的 类型： Boolean默认值： false 将注销您正在设置终端标题 记录器 类型： Object默认值： console 要使用的记录器实例。 需要有一个info方法...
现在我对他们两个的用法做一下总结： 相同点：他们都会飘出一个小浮层，显示文本内容。 不同点： 1.alt只能是元素的属性，而title即可以是元素的属性也可以是标签，例如:<title>标题</title>。 2.alt...
下面的例子显示了title()方法的使用。 #!/usr/bin/python str = "this is string example....wow!!!"; print str.title(); 当我们运行上面的程序，它会产生以下结果： This Is String Example....Wow!!!
Flash文档标题 ... 通过创建添加事件侦听器的商店，可以在choo视图中轻松使用它： var app = choo ( ) app . use ( flashStore ) function flashStore ( state , emitter ) { emitter . on ( 'notify'
本文主要介绍了Vue动态修改title的方法，需要的朋友可以参考学习，方法如下： 1.通过自定义指令去修改（单个修改比较好） //1.在main.js 页面里添加自定义指令 Vue.directive('title', {//单个修改标题 inserted: ...
vue-cli2.X：修改config目录下index.js const title = '标题1' ...接着就可以在webpack.dev.conf.js, webpack.prod.conf.js中的HtmlWebpackPlugin使用config.title new HtmlWebpackPlugin({ title: c
title用法.html 链接参数title用法。 锚点链接.html 标记锚点链接用法 图片链接.html 演示图片链接。 文字链接....
也没有标准化的方法在标记中指示文章的标题。 该模块使用一些试探法将其干净地提取出来。 安装 $ npm install article-title 用法 import articleTitle from 'article-title' ; const html = ` <!doctype html> ...
用法 包含脚本，您必须在 html 元素处设置 ng-app，然后绑定 title 元素。 <!doctype html > < html ng-app =" dummyApp " > < head > <!-- You should define a title value, so a robot can ...
您需要在^16.7.0-alpha.0安装react ， react-dom等安装yarn add @rehooks/document-title用法import useDocumentTitle from '@rehooks/document-title' ;function MyComponent ( ) { useDocumentTitle ( 'Page ...
#安装 Bower 支持 bower install title - notify #Usage 现在支持两种类型：flash、scroll。 闪光效果这是默认效果，因此效果选项是不必要的。 该消息将根据间隔配置定期显示和隐藏。 titleNotify . init ( { ...
wp_title 函数在 WordPress 中是用来...有点像 WordPress 中的 get_the_title 和 single_cat_title()这两个函数的自适应用法（自动判断是页面、文章还是分类、归档、标签）。 函数声明 有点长，希望您能耐心看一遍，
Actual Title Buttons可以更改标题栏按钮皮肤，对窗口菜单项目进行排序，更改窗口尺寸大小，用于对任务栏中的图标进行修改增加其他功能按钮。窗口缩略图功能：在鼠标移动到如下对象时，以提示信息的方式显示窗口...