草庐IT

segmented_img

全部标签

image - 具有 `img` 属性 : language of the image itself? 的 `lang` 元素

(我对HTML4.01和HTML5感兴趣,如果有区别的话)img元素上的lang属性是否也适用于src属性?还是仅针对alt和title属性?例子:图像“example.png”是否被认为是英文的?(想一想论坛帖子的屏幕截图、单词的图形表示或文档的扫描件)如果是这样,包含非语言内容的图像将需要获取lang="zxx"。但这也适用于alt/title属性,这是不正确的。 最佳答案 HTML4.01defineslang属性指定“元素属性值和文本内容的基本语言”,而HTML5defines它作为“元素内容和任何包含文本的元素属性的主要语

javascript - 具有 CSS 类的 img 的 DataURL

我必须在上应用一些样式感谢CSS类。是否有可能获得dataURL的使用CSS样式?$(function(){//OriginalconstimgOriginal=document.getElementById('original');constc1=document.getElementById('c1');letctx=c1.getContext('2d');ctx.drawImage(imgOriginal,100,100);//FilteredconstimgFiltered=document.getElementById('filtered');constc2=document

javascript - 使用图片、源和srcset时如何检查加载了哪个src? (img.src 为空)

我使用带有source的picture元素来选择要加载的图像。虽然我可以添加一个load监听器,但我无法确定加载了哪个图像,因为img标记的src属性和属性都是空的,即使已加载!如何确定加载了哪张图片? 最佳答案 在实现此功能的现代浏览器中,似乎有一个新属性:currentSrc。在image.onload中,您可以检查这一点。在旧版浏览器中,它将使用src。img.onload=function(){//Oldbrowserif(typeofimg.currentSrc==="undefined")console.log(img.

css - 为什么 <img> 和其他元素之间有一个讨厌的小空间?

这个问题在这里已经有了答案:Imageinsidedivhasextraspacebelowtheimage(10个答案)关闭3年前。如果或任何其他元素跟随,然后在它们之间出现一个~3px的空白——即使margins为零。Whatiswiththatgap?这是它的样子withsomeCSS.现在很容易输入display:block进入CSS和solvetheproblem.但它为什么在那里?没有计算出的边距、填充、边框或类似的东西。浏览器在做什么?有人甚至称它为"magic".附言或者,在某些情况下,可以通过removingwhitespace解决此问题在HTML代码中。(但是在这种

html - IMG 标签去除边框

http://www.flirtwithme.co/main.php#upgrade在这个页面上有一个蓝色的框图像,周围有一个灰色的边框。我一直在尝试删除边框,但没有成功:例如:border:none;outline:none;图像是Sprite的一部分,图像周围没有边框。有什么想法吗?*图像是右边的-蓝色框内有一个勾号。(Sprite图顶部的第二个。 最佳答案 你的图片没有src属性,给源添加一个transparent.gif,边框就会消失。示例:更新:列表元素上的Sprite背景图像示例。(在这种情况下,您必须将Sprite重新

html - 如果名字已经在图像下的源代码中,我应该在 <img> 的替代文本中重复人名吗?

如果我已经在图片下方/上方添加了人名,那么我应该在ALT文本中使用相同的姓名吗?alttexthttp://easycaptures.com/fs/uploaded/227/6990285751.jpgGeorgeWashingtonGeorgeWashington我应该重复在alt在这两种情况下?图片没有链接。 最佳答案 是的。ALT文本对于屏幕阅读器等很重要。图像“附近”的文本对这些程序没有太大意义。更多信息来自W3C关于这个问题。 关于html-如果名字已经在图像下的源代码中,我应

javascript - 为什么我的 img 错误功能会失败?

我正在动态构建的一些img元素可能会(确实)失败。对于这些情况,我从这里获得了一些代码:Isthereawaytoprogrammaticallydeterminethatanimagelinkisbad?即:functiongetNatlBookCritics(){varhtmlBuilder='';//Doesn'tdodiddly-squat-wrongspotforit?$('img').error(function(){$(this).attr("src","Content/NoImageAvailable.png");});$.getJSON('Content/NBCCJr

python - 使用 Parser 替换所有 IMG 元素的 SRC

我正在寻找一种方法来替换所有不使用正则表达式的IMG标签中的SRC属性。(想使用默认Python安装中包含的任何开箱即用的HTML解析器)我需要将源代码从可能的样子减少到:我正在尝试替换所有src标签以指向HTML电子邮件附件的cid,因此我还需要更改任何来源,因此它只是没有路径或扩展名的文件名。 最佳答案 Python标准库中有一个HTML解析器,但它不是很有用,并且从Python2.6开始就被弃用了。用BeautifulSoup做这种事情真的很简单:fromBeautifulSoupimportBeautifulSoupfrom

html - 当 DOCTYPE 为 XHTML 1.0 Strict 时,为什么 <td> 高度不等于 <img> 内部高度?

*Requiredfields可以在这里查看:http://maishudi.com/tt2.html我知道它是由DOCTYPE引起的,因为删除那部分将使其正常:http://maishudi.com/tt.html那怎么了?我怎样才能使它与DOCTYPE一起工作? 最佳答案 注意:这可能取决于浏览器。block级元素(td、div等)的大小如果未指定,将根据其内容占用的空间,根据需要调整大小。如果指定,它将尝试相应地扩展,除非如果内容更大,在这种情况下它将根据需要扩展。在您的示例中,单元格包含单个字符(不间断空格),其大小为单行。

html - <img> 标签之间的空间

如果我使用这段代码(两个标签之间有空格):图像之间有4个像素。如果我使用这个:图像之间的空间在所有浏览器上都消失了!为什么?????? 最佳答案 那是因为空白对于行内元素很重要。如果您想让图像对齐,您可以随时float它们。编辑:根据要求,这里有一个简单的例子:/*Thisisusedto"clear"thefloatedelements*/.images{overflow:hidden;width:100%}/*floattheelementssothatwhitespacedoesnotmatter*/.imagesimg{fl