HTML+CSS写网站的Logo部分

网站logo，一般放在h1标签里，背景图片为Logo, 但是考虑到seo，网站名称也要写上。网站logo一般只放一个图片，文字部分是不会被显示的，为了隐藏logo中的文字，只给浏览器看但不显示在页面，加样式：text-indent:-9999px。可以参考以下html+css代码：

HTML部分：

<h1>
    <a href="https://blog.csdn.net" alt="CSDN Logo" title="CSDN首页">
        CSDN
    </a>
</h1>

CSS部分：

a {
    display: inline-block;
    width: 90px;
    height: 44px;
    background: url(https://csdnimg.cn/cdn/content-toolbar/csdn-logo_.png?v=20190924.1) no-repeat left top/94px 44px;
    text-indent: -9999px;
    overflow: hidden;
}