草庐IT

Alt-Enter

全部标签

html - Windows 上的 Safari 是否不支持 HTML 中 img 标签的 alt 属性?

当我在Windows上的Safari中将alt属性与img标记一起使用时,Safari不显示替代文本,而是只显示“?”在盒子里。这是Windows上Safari中的错误,还是Safari缺少此功能。 最佳答案 每个浏览器都有自己呈现替代文本的神奇方式。这似乎是一个标准问题,希望在未来的HTML5规范中得到解决。IE、Firefox和Opera在IMG中为损坏的图像呈现替代文本。Chrome和Safari也这样做,但是除非您设置图像的高度/重量,否则文本会被截断。这里有一篇关于这个问题的优秀文章(带有显示每个浏览器如何呈现替代文本的屏

html - CSS:是否可以使用 IMG Alt 属性进行样式设置?

这是我以前不必处理的问题。为了维护遗留系统,我无法直接编辑HTML以将CSS类添加到图像标签。但是是否可以使用图片标签的替代文本来设置样式?我想在alt属性中使用文本“front”来设置图像样式:img[alt="front"]{padding:.2rem}是否可以使用IMGAlt属性进行样式设置?究竟如何? 最佳答案 使用:值包含:img[alt*="front"]{padding:.2rem}值在一个空格分隔的列表中:(所以它适用于“front”,但不适用于“frontpage”)img[alt~="front"]{paddin

html - 跟踪像素是否需要具有可访问性的 alt 属性(WCAG 2.0)?

我们正在运行一个网站并有第3方跟踪像素,但在我们的网站上进行webaim/WCAG2.0扫描时,我们收到alt属性错误。我不确定在这种情况下跟踪像素是否真的需要仍然有一个空白的alt属性,或者某些屏幕阅读器是否仍会读取src? 最佳答案 alt=""是这种情况下最合适的方法-它告诉屏幕阅读器该图像纯粹是装饰性的,应该被忽略。由于跟踪像素不会在视觉上传达信息,因此从这个角度来看,它们本质上是装饰性的。如果没有ALT,一些屏幕阅读器将回退到阅读图像名称(不带扩展名),而这通常是您不希望看到的。某些屏幕阅读器(JAWS)可能会忽略1x1或

javascript - Angular 2 : blur contenteditable div on enter

我有一个内容可编辑的div,如下所示:{{wall.title}}当用户在编辑div内容后按下回车键时,我想模糊div。目前,正在添加一个换行符,并且在UI中可以看到一个换行符。我如何实现这一目标? 最佳答案 您需要阻止默认操作:(在本例中是添加新行)wallNameChanged($event){$event.preventDefault();$event.target.blur();//removeextralineslettext=$event.target.outerText.replace(/(\r\n|\n|\r)/gm

javascript - 按 Enter 总是提交表单

我的页面上有一个简单的文本框和按钮类型输入。我使用jQuery捕捉按钮点击。$("[id$=sButton]").click(function(){...doStuff});只要我手动点击按钮,上面的代码就可以正常工作。当我想使用“回车”键来单击按钮时,我开始遇到问题。无论我做什么,我都无法阻止回车键执行它的默认提交功能。我做的第一件事是将输入类型从“提交”更改为“按钮”。我尝试将表单的onsubmit设置为onsubmit="returnfalse;"我尝试使用jQuery来捕获回车键事件:$("#sText").keyup(function(event){if(event.keyC

javascript - 在移动设备上,如何获取 "enter"以在类型 ="number"输入中提交表单?

我像这样使用AngularJS和ng-submit:在桌面计算机上的Chrome中,我可以在输入时按enter以提交表单(在本例中调用submit(foo))。在ChromeforAndroid(KitKat)中,它不起作用。但是,如果我将输入更改为type="text",那么当我按下“开始”时它确实工作。如何让表单的行为与inputtype="text"和inputtype="number"的行为一样?我正在使用type="number",因为我希望设备调出数字键盘。这是一个说明问题的plunkr:http://plnkr.co/edit/4WJfdoKgXu7o6ZsM8WFx?p

html - 内联 SVG 可以使用 Alt 标签吗?

有没有办法给内联SVG一个alt标签?这是我的内联SVG代码,但是alt标签没有显示(而且我什至不确定我对alt标签进行编码的方式是有效,在线搜索澄清后):这是JSFiddle:http://jsfiddle.net/FsCMM 最佳答案 您应该使用title元素而不是alt标签来显示工具提示:Helloworld!对于chrome34:用g元素包裹图形并向其插入title元素。Helloworld! 关于html-内联SVG可以使用Alt标签吗?,我们在StackOverflow上找到

title - 关于 title/alt 属性

我了解title和alt属性的用途,但我只是不了解它们的最佳用途,或者我是否可以使用相同的title/alt不止一次。例如,以一个关于狗的网站为例:根据我的理解,所有img标签都需要一个alt属性:对同一主题的多张图片使用相同的alt属性是好的做法吗?在每个标签中使用title/alt属性是好的做法吗?多次使用同一属性会怎样?例子:DogsDogsDogsDogsDogs我的理解是title属性充当将鼠标悬停在文本上时出现的工具提示。这种事情必须在较新的浏览器中完成,但alt和title曾经在旧浏览器中做同样的事情。这些属性还可以作为搜索引擎识别您的网站的一种方法。

html - 图像的 alt 属性的用途是什么?

alt的预期用途到底是什么?上的属性标签?它应该描述图像,还是应该为屏幕阅读器(以及关闭图像的人)提供有意义的替换文本?例如,如果我的网站上有一个人的简短传记,并附上一张他们的小照片,那么向视障用户朗读“JohnSmith的照片”真的有意义吗? 最佳答案 HTML5规范有一个hugesection对此。基本上,如果您根本没有使用图像,alt属性应该作为文本存在。如果您的图像纯粹是装饰性的,您可以使用alt=""。title属性中有描述。 关于html-图像的alt属性的用途是什么?,我们

javascript - Jquery 在 Enter Key Press 上选择 NEXT 文本字段

我使用jquery制作了一个页面,加载时它会自动选择第一个文本字段。我希望它在按下ENTER键时移动到下一个字段。$('.barcodeFieldinput').bind('keyup',function(event){if(event.keyCode==13){$("this+input").focus();}});我在网上找不到任何可用的东西。我已经搜索了论坛。 最佳答案 我创建了一个小函数,可以满足您的需要。这是我使用的版本,因此您可能需要更改类名,但您应该明白了。$(document).ready(function(){$(