`

收藏夹小图标

阅读更多

如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标收藏夹小图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

为搜索引擎准备的内容

代码如下,替换成你自己站点的内容就可以:

  • 允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法
<meta content="all" name="robots" />
  • 设置站点作者信息
<meta name="author" content="ajie@netease.com,阿捷" />
  • 设置站点版权信息
<meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" />
  • 站点的简要介绍(推荐)
<meta name="description" content="新网页设计师。web标准的教程站点,推动web标准在中国的应用" />
  • 站点的关键词(推荐)
<meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" />

先介绍这么多。补充说明,前面花了5节都是讲head区的代码,实际页面内容还一字未提,呵呵,不要急,其实head区是非常重要的,看一个页面的head的代码就可以知道设计师是否够专业。

分享到:
评论

相关推荐

    实用ICO小图标集合

    在Windows系统中,ICO文件是系统默认的图标格式,而在网页设计中,它被用来定义浏览器收藏夹的图标。 "实用ICO小图标集合"这个资源,正如其标题和描述所示,是一个包含多种实用小图标的集合,已经经过整理和分类,...

    css div 布局大全

    * 网页设计中的收藏夹小图标是一种常见的设计元素,用于表示网页的标签或收藏夹。 Div+CSS布局大全为网页设计师和开发者提供了一个全面的学习指南,涵盖了CSS基础知识、Div+CSS布局技术、CSS样式表调用和网页设计...

    网站常用一些小图标

    Favicon是“Favorites Icon”的缩写,是一种小型图像文件,通常尺寸为16x16像素,用于在浏览器的地址栏、收藏夹、历史记录以及标签页中显示。它可以是网站的品牌logo,也可以是与网站主题相关的图形,旨在增加网站的...

    web 开发常用小图标

    3. ICO:用于网站的favicon,显示在浏览器标签页和收藏夹中。 4. Font Awesome、Material Icons等图标字体库,将图标作为字体使用,便于CSS控制。 三、图标的应用 1. 响应式设计:确保图标在不同屏幕尺寸下都能正确...

    网页开发中的经典小图标

    1. .ico 文件:这是一种特殊的图像文件格式,主要用于网站的favicon(收藏夹图标)。当用户添加网页至书签或浏览器标签时,.ico图标会显示在地址栏和书签列表中,帮助用户快速识别网站。这种图标需要包含多个尺寸,...

    DIV+CSS布局大全

    收藏夹小图标是用户保存网页到书签时看到的图标,而为搜索引擎准备的内容(如meta标签)则有助于提高网站的搜索引擎优化(SEO)。 通过这本书的学习,读者将能够掌握Div+CSS布局的核心概念和技术,包括布局模型、盒...

    各种ICO小图标

    此外,对于网页开发,ICO文件是必要的,因为它是浏览器识别的默认 favicons(收藏夹图标),出现在地址栏、书签和历史记录中。 在设计过程中,为了保证兼容性,设计师需要确保ICO文件包含了不同分辨率和颜色深度的...

    ICO小图标制作软件

    Favicon图标是网页浏览器地址栏、收藏夹以及历史记录中显示的网站标识,它为网站增添个性,提升品牌形象。 在了解如何使用这款软件之前,我们首先需要知道ICO文件格式的基本知识。ICO是一种包含一个或多个不同大小...

    地址栏收藏夹图标设置页面禁止全选复制粘贴及右键

    Java项目,在MyEclipse中跑,没什么要求, ...2、收藏夹中显示出你的图标. 3、页面全选被屏蔽; 4、防止复制; 5、鼠标右键被屏蔽; 6、输入法被屏蔽; 7、粘贴被屏蔽; 每个功能 1 分,很合理,O(∩_∩)O谢谢合作 QQ:83433857

    div+css网页布局.pdf

    + head 区中可以设置的其他元素包括收藏夹小图标、搜索引擎优化等。 其他知识点 * XHTML 下的 CSS+Div 布局总结 + 介绍了在 XHTML 中使用 CSS+Div 布局的总结方法。 * 网页设计 DIV+CSS——网页布局入门 + 介绍...

    代码优化--HTML规范(二).docx

    1. **收藏夹小图标**:为了使网站在浏览器地址栏或收藏夹中显示自定义图标,需要创建一个16*16像素的ICO格式图标,并将其命名为`favicon.ico`,存放在网站根目录。接着,在`&lt;head&gt;&lt;/head&gt;`之间插入以下代码: ```...

    经典的ICO小图标下载

    在网页中,ICO图标常作为favicon使用,它是网站的一种视觉标识,显示在浏览器的地址栏、标签页以及收藏夹中。通过设置正确的HTML代码,可以将ICO文件指定为网站的favicon,提升用户体验和品牌识别度。 5. 设计原则...

    html 语言 学习札记

    收藏夹小图标(Favicon)的设置是通过`&lt;link&gt;`标签实现的,将`.ico`格式的图标文件放在根目录下,并链接到`&lt;head&gt;`中,以便在用户收藏网站时显示自定义图标。 为了优化搜索引擎的抓取和理解,可以使用以下`&lt;meta&gt;`...

    HTML css DIV 网页布局

    head区除了包含样式表调用,还可以设置页面标题、元信息(如关键词、描述)、 favicon(收藏夹小图标)等,这些元素对搜索引擎优化(SEO)和用户体验都有重要作用。 总的来说,HTML、CSS和DIV的组合为网页设计提供...

    DIVCSS布局大全

    - **收藏夹小图标**:通过`设置浏览器标签栏和收藏夹的小图标。 - **为搜索引擎准备的内容**:使用`和`等元数据标签来提供对搜索引擎友好的描述和关键词。 #### 八、CSS入门 - **基本语法**:了解CSS的基本语法...

    DIVCSS布局大全.pdf

    - **收藏夹小图标**:设置收藏夹图标增强用户体验。 - **为搜索引擎准备的内容**:通过`&lt;meta name="description" content="..."&gt;`等标签提供元数据,优化SEO。 #### 八、网页设计DIV+CSS——第6天: XHTML代码规范 ...

    div和CSS大全

    - **收藏夹小图标**:设置网页的收藏夹图标,提升品牌形象。 - **为搜索引擎准备的内容**:优化元数据,提高SEO排名。 **1.7 XHTML代码规范** - **规范详解**: - **所有标记的结束标记**:确保每个开始标记都有...

    Div+CSS布局大全

    - **收藏夹小图标**:设置网页的收藏夹图标,提高用户识别度。 - **为搜索引擎准备的内容**:优化SEO,如设置`&lt;meta&gt;`标签提供关键词等信息。 - **XHTML代码规范** - **所有标记都必须有结束标记**:确保每个打开...

Global site tag (gtag.js) - Google Analytics