html中的标签与实体

文章目录

实体

再html忠,有一些比如< >这种特殊字符是不能够直接使用的,它需要使用一些特殊的符号来表示这些特殊字符(是不是很绕口啊,特殊的符号来表示特殊字符)。这些特殊符号就是我们所说的实体(也就是转移字符串)

当浏览器解析到了我们的实体后,会自动将实体转化为对应的字符。

实体语法

复制代码
公式:	&实体的名字;
例如:<    &lt;  空格  &nbsp;  ©  &copy;

img标签

使用img标签来向网页中引入一张外部图片,img标签也是一个自结束的标签。

标签属性

src:设置一个外部图片的路径

alt:可以用来设置再图片不能显示的时候,对图片进行的描述,搜索引擎可以通过alt属性来进行识别不同的图片,我们百度引擎搜索图片,一般就是通过这个属性来完成的, 因为他是不会识别src引入的真正图片的。所以不写alt属性的时候,那么搜索引擎是不会对我们的img中的图片进行收录,也就搜索不到了。

width:可以用来修改我们的图片的宽度

height:可以用来修改我们的图片的高度

当宽度和高度两个属性设置了一个的时候,则另一个他会进行等比例的缩放。

如果两个同时设置了,则会按照我们设置的显示。

一般开发过程中,除了要用到自适应的页面,不建议设置width和height属性。

图片格式

JPEG(JPG)

-- 支持的图片颜色比较多,图片可以压缩,但是不支持透明,一般使用他来进行保存照片等颜色比较丰富的图片

GIF

-- 支持的颜色比较少的,只支持简单的透明图,支持动态度。平常使用的动态图是gif格式。一般图片颜色单一,或者他是动态图gif的时候

PNG

-- PNG它支持的颜色比较多,并且支持比较复杂的透明,可以用来显示颜色复杂透明的图片的

使用原则:

效果不一致,使用效果好的;

效果如果一致,则使用小的

meta标签

他的作用如下:

用来设置我们的字符集;

复制代码
<meta charset="utf-8"/>

使用他还可以用来设置网关的关键字

复制代码
<meta name="keywords" content="微点记账,微信小程序"/>

指定网页的描述,搜索引擎再检索页面的时候,会同时检索页面中的关键词和描述信息。

注意:这两个值他是不会对搜索引擎中的排名造成任何影响

复制代码
<meta name="description" content="我们发布了微点记账微信小程序,用于提高你的理财习惯"/>

请求的重定向

复制代码
<meta http-equiv="refresh" content="秒数;ur1=目标路径"/>

<meta http-equiv="refresh" content="5;"url="http://www.baidu.com"/>

到这里,下面就不用看了,

下面全是为了应付质量分产品设计缺陷的问题

文章目录

实体

再html忠,有一些比如< >这种特殊字符是不能够直接使用的,它需要使用一些特殊的符号来表示这些特殊字符(是不是很绕口啊,特殊的符号来表示特殊字符)。这些特殊符号就是我们所说的实体(也就是转移字符串)

当浏览器解析到了我们的实体后,会自动将实体转化为对应的字符。

实体语法

复制代码
公式:	&实体的名字;
例如:<    &lt;  空格  &nbsp;  ©  &copy;

img标签

使用img标签来向网页中引入一张外部图片,img标签也是一个自结束的标签。

标签属性

src:设置一个外部图片的路径

alt:可以用来设置再图片不能显示的时候,对图片进行的描述,搜索引擎可以通过alt属性来进行识别不同的图片,我们百度引擎搜索图片,一般就是通过这个属性来完成的, 因为他是不会识别src引入的真正图片的。所以不写alt属性的时候,那么搜索引擎是不会对我们的img中的图片进行收录,也就搜索不到了。

width:可以用来修改我们的图片的宽度

height:可以用来修改我们的图片的高度

当宽度和高度两个属性设置了一个的时候,则另一个他会进行等比例的缩放。

如果两个同时设置了,则会按照我们设置的显示。

一般开发过程中,除了要用到自适应的页面,不建议设置width和height属性。

图片格式

JPEG(JPG)

-- 支持的图片颜色比较多,图片可以压缩,但是不支持透明,一般使用他来进行保存照片等颜色比较丰富的图片

GIF

-- 支持的颜色比较少的,只支持简单的透明图,支持动态度。平常使用的动态图是gif格式。一般图片颜色单一,或者他是动态图gif的时候

PNG

-- PNG它支持的颜色比较多,并且支持比较复杂的透明,可以用来显示颜色复杂透明的图片的

使用原则:

效果不一致,使用效果好的;

效果如果一致,则使用小的

meta标签

他的作用如下:

用来设置我们的字符集;

复制代码
<meta charset="utf-8"/>

使用他还可以用来设置网关的关键字

复制代码
<meta name="keywords" content="微点记账,微信小程序"/>

指定网页的描述,搜索引擎再检索页面的时候,会同时检索页面中的关键词和描述信息。

注意:这两个值他是不会对搜索引擎中的排名造成任何影响

复制代码
<meta name="description" content="我们发布了微点记账微信小程序,用于提高你的理财习惯"/>

请求的重定向

复制代码
<meta http-equiv="refresh" content="秒数;ur1=目标路径"/>

<meta http-equiv="refresh" content="5;"url="http://www.baidu.com"/>
相关推荐
我命由我123458 小时前
Element Plus 2.2.27 的单选框 Radio 组件,选中一个选项后,全部选项都变为选中状态
开发语言·前端·javascript·html·ecmascript·html5·js
我命由我1234511 小时前
Element Plus 问题:选择框表单校验没有触发
开发语言·前端·javascript·html·ecmascript·html5·js
酉鬼女又兒1 天前
零基础入门前端弹性布局(Flexbox)实战:结合 Class 与 ID 选择器(可用于备赛蓝桥杯Web开发应用)
前端·css·蓝桥杯·html·html5
张3蜂2 天前
HTML5语义化标签:现代网页的骨架与灵魂
前端·html·html5
我命由我123452 天前
JS 开发问题:url.includes is not a function
开发语言·前端·javascript·html·ecmascript·html5·js
kyriewen112 天前
Sass:让 CSS 从手工作坊迈入工业时代
前端·javascript·css·html·css3·sass·html5
kyriewen112 天前
Sass 进阶:当 CSS 学会了编程,变量函数循环全都安排上
前端·javascript·css·less·css3·sass·html5
我命由我123454 天前
Element Plus - 在 el-select 的每个选项右侧添加按钮
前端·javascript·vue.js·前端框架·ecmascript·html5·js
酉鬼女又兒5 天前
HTML基础实例样式详解零基础快速入门Web开发(可备赛蓝桥杯Web应用开发赛道) 助力快速拿奖
前端·javascript·职场和发展·蓝桥杯·html·html5·web
我命由我123455 天前
Element Plus - Cascader 观察记录(基本使用、动态加载、动态加载下的异常环境)
开发语言·前端·javascript·vue.js·typescript·html5·js