HTML+CSS——SEO、favicon

Axuangogo

已于 2024-01-26 20:56:22 修改

阅读量250

点赞数 5

文章标签： css 前端 html 学习

于 2024-01-26 20:55:47 首次发布

本文链接：https://blog.csdn.net/Axuangogo/article/details/135872401

版权

一、SEO

1、含义

搜索引擎优化，提升网站百度搜索排名。

2、提升SEO的常见方法

· 竞价排名（花money）

· 将网页制作成html后缀

· 标签语义化，在合适的地方使用合适的标签

3、网页头部SEO标签

· title：网页标题标题

· description：网页描述

· keywords：网页关键词

二、Favicon

1、含义

网页图标，出现在浏览器标题栏，增加网站辨识度。

favicon.ico，一般存放到网站的根目录里面。

2、使用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Axuangogo

关注关注

5
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

HTML+CSS----------HTML5+CSS3

qq_31913969的博客

09-04

1007

html回忆录 1、网页的组成：图片、文字、超链接、视频、音频等 2、网页中web标准三层组成:结构(html)、表现(css)、行为(JS). 3、Chrome浏览器的内核：Blink；苹果内核：webkit; 4、HTML是超文本标记语言，是描述网页的一种语言，是一种标记，不是一种语言，是一套标记标签。 5、超文本指的是超越文本的限制，超级文本链接 6、内核渲染HTML和CSS 7、 8、 ...

html+css命名规范（SEO优化）

jinxi1112的博客

11-15

299

一、HTML 1、采用HTML5结构标签（1）header：某个区块的头部信息/标题；（2）hgroup：头部信息/标题的补充内容；（3）nav：导航条部分信息（4）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；（5）article：特殊独立区块，表示这篇页眉中的核心内容；（6）aside：标签内容之外与标签内容相关的辅助信息；（7）figure：独立的单元，例如某个有图片与内容的新闻块。（8）footer

1 条评论您还未登录，请先登录后发表或查看评论

HTML+CSS基础知识内容

weixin_51473175的博客

11-11

241

用于html、css学习，内容包含常见属性、标签，基础内容。

HTML5+CSS3详细笔记

m0_56230886的博客

04-28

789

HTML5+CSS3详细笔记，后续将更新最后几天笔记

前端——品优购项目（html+css）

qq_43819274的博客

02-19

1395

前端——品优购项目文章目录前端——品优购项目一、品优购项目规划二、首页三、列表页四、注册页五、域名注册与网站上传一、品优购项目规划二、首页三、列表页四、注册页五、域名注册与网站上传 ...

自学用——html+css（要点）

caijianlin123的博客

01-07

一部分html+css基础知识

HTML+CSS笔记

HanLimo123的博客

04-21

1282

HTML+CSS笔记web标准HTML基础html页面固定结构语法规范注释标签的组成和关系标签学习标题标签排版标签段落标签换行标签水平线标签文本格式化标签媒体标签图片标签路径音频标签视频标签链接标签列表标签无序列表有序列表自定义列表表格标签表格相关属性表格标题和表格单元格标签表格的结构标签合并单元格表单标签input系列标签button系列标签select下拉菜单标签textarea文本域标签label标签语义化标签没有语义的布局标签有语义的布局标签（了解）--手机端字符实体css（层叠样式表）基础css语

前端Web开发HTML5+CSS3——小兔鲜儿首页

weixin_45594736的博客

12-03

168

小兔仙首页的实现

HTML+CSS学习笔记

weixin_46795923的博客

02-22

1513

整理了一下之前记的有关HTML&CSS的笔记

02前端入门HTML5 +CSS3+电商网页制作：CSS

maiblog

07-24

4215

02前端入门HTML5 +Css3+电商网页制作0. 来源1. CSS基础认识 0. 来源路线: https://www.bilibili.com/read/cv10431130 视频： https://www.bilibili.com/video/BV1Kg411T7t9 1. CSS基础认识 cascading style sheets 层叠样式表在head中的style标签中：选择器 {} ....................................................

DIV+CSS布局大全

11-07

#### 三、网页设计DIV+CSS——第1天: 选择什么样的DOCTYPE - **DOCTYPE的重要性**：DOCTYPE告诉浏览器如何解析页面。例如，HTML5的文档类型声明为`<!DOCTYPE html>`，它支持新的元素和属性，并且简化了语法。 - **...

CSS第九天学习总结—— favicon 图标、SEO优化、logo SEO优化

weixin_52819925的博客

08-01

277

网站 favicon 图标 favicon.ico 一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者标签上。目前主要的浏览器都支持 favicon.ico 图标。制作favicon图标把图标切成 png 图片把 png 图片转换为 ico 图标，这需要借助于第三方转换网站，例如比特虫：http://www.bitbug.net/ 使用favicon图标第一步：favicon图标放到网站根目录下第二步：HTML页面引入favicon图标在html 页面里面的 <head>

Layout 布局组件快速搭建

赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。

10-16

2229

Layout 布局组件快速搭建： 1. 设置主题样式变量 2. 封装公共布局组件 3. 经典布局 4. 水平布局 5. 响应式布局 6. 搭建 Layout 布局组件 7. 添加 Layout 路由配置 8. 启动项目

使用CSS+SVG实现加载动画

qq_33003143的博客

10-13

440

使用CSS和SVG实现加载动画

纯css实现瀑布流! 附源码!!!

最新发布

m0_50864141的博客

10-17

1131

小白一看就会

使用CSS Flexbox创建简洁时间轴

weixin_40539956的博客

10-13

697

在网页设计中,时间轴是一种常见且有效的方式来展示事件的顺序和进程。本文将介绍如何使用CSS Flexbox创建一个简洁优雅的时间轴,无需复杂的JavaScript代码。首先,我们需要创建基本的HTML结构: CSS样式 1. 创建时间线使用伪元素创建时间线: 2. 事件对齐使用Flexbox对齐事件: 3. 垂直间距使用Flexbox控制事件间的垂直间距: 4. 响应式设计使用媒体查询实现响应式设计: 完整CSS代码以下是完整的CSS代码: 通过这些CSS样式,我们创建了一个简洁、响应式的时间轴

第六章元素应用CSS

2302_80786141的博客

10-16

1012

CSS 提供属性来控制文本的字体类型。参数：字体名称按优先顺序排列，以逗号隔开。如果字体名称包含空格，则应用引号括起。说明：用 font-family 属性可控制显示字体。不同的操作系统，其字体名是不同的。对于Windows 系统，其字体名就如 Word中的“字体”列表中所列出的字体名称。

HTML+CSS基础：核心概念与常用标签解析

"HTML+CSS基础教程" HTML (HyperText Markup Language) 和 CSS (Cascading Style Sheets) 是构建网页和应用程序的基础。以下是这些基础知识的详细解释： 1. **标题栏图标**：`<link>` 标签用于设置网页的favicon，...