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

前端之家收集整理的这篇文章主要介绍了html – 网站品牌标识的最佳做法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我必须做一个微型网站,我想知道在 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相关文章