在HTML中小心使用空格和回车
生活随笔
收集整理的這篇文章主要介紹了
在HTML中小心使用空格和回车
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
這篇文章介紹一點(diǎn)關(guān)于在HTML中使用回車(chē)和空格的時(shí)候會(huì)產(chǎn)生的一個(gè)小問(wèn)題，問(wèn)題雖小但是可使本人頭痛了一陣子，找了好久才找到原因
所以我的最終建議是不要在HTML中強(qiáng)行鍵入空格和回車(chē)這種會(huì)占位的空白字符
下面看看這段HTML代碼大家就明白是怎么回事了（經(jīng)IE8測(cè)試）：
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html?xmlns="http://www.w3.org/1999/xhtml">
<head>
????<title></title>
</head>
<body>
<div?id="div1"?><input?id="hidden"?type="hidden"?/>???????????????123</div><!--123前面的空格和回車(chē)會(huì)導(dǎo)致div1的innerText和div1的innerHTML中在123前面出現(xiàn)一個(gè)空格-->
<div?id="div2"?><input?id="hidden1"?type="hidden"?/>123</div><!--若123和hidden1之間沒(méi)有空格或回車(chē)，那么div2的innerText和div2的innerHTML中在123前面就不會(huì)出現(xiàn)空格-->
<div?id="div3"?>????????????????????????????????????123</div><!--雖然123前面有一大串空格，但是由于其前面無(wú)任何同級(jí)的HTML標(biāo)簽所以div3的innerText和div3的innerHTML中在123前面也不會(huì)產(chǎn)生空格-->
<div?id="div4"?><span></span>????????????????123</div><!--雖然123前面有一大串空格，而且前面也有同級(jí)的HTML標(biāo)簽span，但是經(jīng)測(cè)試發(fā)現(xiàn)內(nèi)部為空的span和a標(biāo)簽(可能還有其他標(biāo)簽，這里懶得去全部試了)，也不會(huì)讓123前面出現(xiàn)空格，但是將本行的<span></span>改為<span>123</span>使標(biāo)簽中有文本子標(biāo)簽就另當(dāng)別論了（事實(shí)上如果其內(nèi)部包括會(huì)讓空格出現(xiàn)的子標(biāo)簽比如input，也會(huì)使123前面出現(xiàn)空格），這樣div4的innerText和div4的innerHTML中在123前面就會(huì)出現(xiàn)空格-->
????<input??type="button"?value="查看有內(nèi)標(biāo)簽有空格"?onclick="alert(document.getElementById('div1').innerText+'\n123');"?/>
????<input??type="button"?value="查看有內(nèi)標(biāo)簽無(wú)空格"?onclick="alert(document.getElementById('div2').innerText+'\n123');"?/>
????<input??type="button"?value="查看無(wú)內(nèi)標(biāo)簽無(wú)空格"?onclick="alert(document.getElementById('div3').innerText+'\n123');"?/>
????<input??type="button"?value="也不是所有的內(nèi)標(biāo)簽產(chǎn)生空格"?onclick="alert(document.getElementById('div4').innerText+'\n123');"?/>
</body>
</html>
?
?
?
總結(jié)
以上是生活随笔為你收集整理的在HTML中小心使用空格和回车的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Exchange2007 申请安装证书
- 下一篇： Oracle X$Tables