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"/>
相关推荐
YHHLAI3 小时前
HTML5 Canvas 从入门到实战:画布绘图 · 帧动画 · 小游戏 · 数据可视化
前端·信息可视化·html5
li-xun1 天前
我的在线工具箱继续升级:新增 Token 计算器、AI 提示词生成器和开发者格式化工具
javascript·django·html5
星辰徐哥3 天前
工具推荐:HTML5+AI开发必备的前端调试工具
前端·人工智能·html5
星辰徐哥3 天前
技能提升:自然语言处理在HTML5前端的应用
前端·自然语言处理·html5
星河耀银海3 天前
接口调用:HTML5前端调用AI接口的基础语法与示例
前端·人工智能·html5
贩卖黄昏的熊5 天前
flex 布局快速梳理
开发语言·javascript·css3·html5
Xzh04235 天前
Web 前端开发 — 期末复习指南(Html、Css、Js)
css·html5·web·js·期末
Agatha方艺璇7 天前
前端开发技术复习笔记
vue·bootstrap·css3·html5·web
夜郎king8 天前
湖南高考天气查询:基于 HTML5 与百度天气 API 实现页面展示
前端·html5·百度天气实践·天气信息可视化
佛山个人技术开发9 天前
高端旅游风景区酒店民宿网站模板 自适应宽屏文旅酒店源码
前端·html5·旅游