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"/>
相关推荐
我命由我123453 天前
Vue3 开发中,字符串中的 <br\> 标签被直接当作文本显示出来了,而不是被解析为 HTML 换行标签
开发语言·前端·javascript·vue.js·html·ecmascript·html5
天下无贼!4 天前
【功能实现】基于Vue3+TS实现大文件分片上传
开发语言·javascript·node.js·vue·html5
kyriewen115 天前
你点的“刷新”是假刷新?前端路由的瞒天过海术
开发语言·前端·javascript·ecmascript·html5
我命由我123456 天前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
酉鬼女又兒7 天前
零基础快速入门前端ES6 核心特性详解与蓝桥杯 Web 考点实践(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·职场和发展·蓝桥杯·es6·css3·html5
kyriewen117 天前
本地存储全家桶:从localStorage到IndexedDB,把数据塞进用户浏览器
开发语言·前端·javascript·ecmascript·html5
橘子编程7 天前
Django全栈开发终极指南
后端·python·django·npm·html·pandas·html5
Amumu121387 天前
HTML5的新特性
前端·html·html5
橘子编程8 天前
OpenClaw(小龙虾)完整知识汇总
java·前端·spring boot·spring·spring cloud·html5
酉鬼女又兒8 天前
零基础快速入门前端蓝桥杯Web考点深度解析:var、let、const与事件绑定实战(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯·es6·html5