{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 趁早两清 的问题《Issue with unclosed img tag》','https://www.manongdao.com/q-826706.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
data presented in HTML format and submitted to server, that does some preprocessing.
It operates with "src" attribute of "img" tag.
After preprocessing and saving, all the preprocessed "img" tags are not self-closed.
For example, if "img" tag was following:
<img src="image.png" />
after preprocessing with Nokogiri or Hpricot, it will be:
<img src="/preprocessed_path/image.png">
The code is pretty simple:
doc = Hpricot(self.content)
doc.search("img").each do |tag|
preprocess tag
end
self.content = doc.to_html
For Nokorigi, it looks the same.
How to resolve this issue ?
Update 1
Forget to mention - i have HTML 5 page, which i'm trying to validate with W3C Validator.
When "img" tag is inside a div, it complaints about following:
required character (found d) (expected i)
</div>
For example, try to validate following code:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
</head>
<body>
<div>
<img src="image.png">
</div>
</body>
</html>
You will get the same error:
Line 9, Column 4: required character (found d) (expected i)
</div>
I think the problem is with your
<html>where it delcares the xmlns attribute as XHTML. This seems like it would be contradictory to the fact that it's not an XHTML document. If you remove this xmlns attribute, it should be valid.The problem is that your libraries are generating correct HTML, and the trailing "/" is not correct in HTML. Unless you're serving application/xhtml+xml, there's no point in having it there at all — the IMG tag is self-closing in all versions of HTML, and the "/" is meaningless. If you are serving application/xhtml+xml, I think you'll need to explicitly use Nokogiri's
to_xhtml.In the preprocess function you are delegating to, do you not have control over each img tag? Can you not return what it is already return and append an explicit close tag?