html – 网站品牌标识的最佳做法

概述我必须做一个微型网站,我想知道在 HTML模板中使用徽标的最佳方法. (忽略这个无效代码的事实,如果我使用alt =“”,则只是任意的华夫饼干). 选项1： <a href="#"> <img src="logo.gif" /> </a> 选项二： <h1> <a href="#"> <img src="logo.gif" /> </a></h1> 选项3： < 我必须做一个微型网站,我想知道在 HTML模板中使用徽标的最佳方法. (忽略这个无效代码的事实,如果我使用alt =“”,则只是任意的华夫饼干).

选项1：

<a href="#">   <img src="logo.gif" /> </a>

选项二：

<h1>   <a href="#">      <img src="logo.gif" />    </a></h1>

选项3：

<h1>   <a href="#">   </a></h1>h1{background: url(logo.gif);}h1 a{height: #px; wIDth: #px;}

选项4：

Is using h1,h2 or h3 better for SEO,
as I understand that repetitive h1’s
are a bad IDea and the company brand
is NOT the main subject for every page
on it’s website?

我通常使用的是选项3,像这样：

<h2>   <span>Company name</span>   <a href="#">   </a></h2>h2{height: #px; wIDth: #px; background: url(logo.gif);}h2 a{display: block; height: #px; wIDth: #px;}h2 a span{display: none;}

解决方法 在HTML5中(如果您的标题只包含您的徽标和标语/座右铭),请执行以下 *** 作：

<header role="banner"><a href="#">    <img src="logo.gif" alt="Waffle Inc." />  </a> </header>

总结

以上是内存溢出为你收集整理的html – 网站品牌标识的最佳做法全部内容，希望文章能够帮你解决html – 网站品牌标识的最佳做法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。