为什么不使用<header>标签在html 5中使用背景颜色?

Sar*_* B. 6 html html5

这是我的HTML由于某种原因标题标签不接受黑色的背景颜色..

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="keywords" content=""/>
<meta name="description" content="" /> 


<style type="text/css">
    header {
        background:black;
    }

    nav ul li {
        float:left;
        margin-left:20px;
        display:block;
    }

    nav ul li {
        text-transform:capitalize;
        padding:5px 0px;
    }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

</head>
<body>
    <header>
    <nav>
        <ul>
            <li><a href="index.php">today's deals</a></li>
            <li><a href="recent.php">recent deals</a></li>

        </ul>
    <div class="clear"></div>       
    </nav>
    </header>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Bre*_*zer 2

你有没有尝试过

 background-color:black;
Run Code Online (Sandbox Code Playgroud)

好吧,可能仍然不支持

这对我有用

   header {
        background-color:black;
    display:block;
    overflow:hidden;
    }
Run Code Online (Sandbox Code Playgroud)

对于支持它的浏览器,我猜为什么乍一看没有显示任何内容,这是因为默认行为不将其用作常规元素,而不是使页面对搜索引擎优化更加友好