7.span ,通用容器(内联元素)
span也是一个通用容器标签,但span是内联元素(也称行内元素,内嵌元素),无换行效果,也不自带其它任何渲染效果。
按W3C标准,内联元素嵌在块级元素中是正确的,但块级元素嵌在内联元素中则是错误的。所以div中嵌入span标签,是正确的,但在span中嵌入div标签则是错误的。不过由于很多原因,比如程序员为了加快网站开发而忽略该规则,浏览器的高兼容性使嵌套错误也能正常显示,CSS样式能改变块级元素效果为内联元素效果和改变内联元素效果为块级元素效果等,很多时候不理会“块级元素不允许嵌在内联元素中”这个规则。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>span标签</title>
</head>
<body>
<span>这一句在span中,</span>
<span>这一句在下一个span中,</span>
<span>因为span是内嵌元素,不另起一行进渲染,</span>
<span>所以是连在一起的。</span>
<br><br>
<div><span>span在div中,即div中嵌入span标签,按W3C标准,是正确的。</span></div>
<span><div>d