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"/>
相关推荐
2601_965798473 天前
Arrow Unlocker HTML5 Game Review: Keep Web Arcade Players Coming Back
前端·html·html5
梅孔立4 天前
Luckysheet 内网部署完整指南:从资源下载到 Vue3 集成
html5
软件开发技术深度爱好者5 天前
HTML5实现数学函数画图器
前端·javascript·html5
软件开发技术深度爱好者8 天前
国际音标魔法实验室工具HTML5实现
前端·html5·英语学习
逝水无殇9 天前
HTML 属性(HTML Attributes)详解
开发语言·前端·html·html5
软件开发技术深度爱好者10 天前
小学英语单词魔法学园HTML5实现
javascript·html5·英语学习
小白巨白10 天前
玫瑰花园管理系统:AI识病+3D可视化,一套面向中小型玫瑰种植园的数字化管理工具
css·人工智能·计算机视觉·html5
星河耀银海16 天前
框架结合:Vue+HTML5+AI实现智能前端应用开发
前端·vue.js·html5
阿酷tony19 天前
纯HTML5播放器带倍速、带画质切换的播放器
前端·html·html5
aichitang202424 天前
Claude fable 5与GPT5.5模型能力实测
javascript·css·人工智能·ai·html·html5