{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', '推荐 在下西门庆 的问题《Span inside anchor or anchor inside span or doesn&》','https://www.manongdao.com/q-181572.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I want to nest span and a tags. Should I
- Put
<span>inside<a> - Put
<a>inside<span> - It doesn't matter ?
相关问题
- Views base64 encoded blob in HTML with PHP
- Is there a way to play audio on a mobile browser w
- HTML form is not sending $_POST values
- implementing html5 drag and drop photos with knock
- Adding a timeout to a render function in ReactJS
It depends on what the span is for. If it refers to the text of the link, and not the fact that it is a link, choose #1. If the span refers to the link as a whole, then choose #2. Unless you explain what the span represents, there's not much more of an answer than that. They're both inline elements, can be syntactically nested in any order.
It will work both, but personally I'd prefer option 2 so the span is "around" the link.
It doesn't matter - they're both allowed inside each other.
It is perfectly valid (at least by HTML 4.01 and XHTML 1.0 standards) to nest either a
<span>inside an<a>or an<a>inside a<span>.Just to prove it to yourself, you can always check it out an the W3C MarkUp Validation Service
I tried validating:
And also the same as above, but with the
<a>inside the<span>i.e.
with both HTML 4.01 and XHTML 1.0 doctypes, and both passed validation successfully!
Only thing to be aware of is to ensure that you close the tags in the correct order. So if you start with a
<span>then an<a>, make sure you close the<a>tag first before closing the<span>and vice-versa.SPAN is a GENERIC inline container. It does not matter whether an
ais insidespanorspanis insideaas both are inline elements. Feel free to do whatever seems logically correct to you.Personally, as a web developer, I only ever put a span within an anchor tag if I am trying to highlight a section of the links text, such as applying a background to one section.