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"/>
相关推荐
.又是新的一天.3 天前
【前端Web开发HTML5+CSS3+移动web视频教程】01 html- 标签之文字排版、图片、链接、音视频
前端·css3·html5
sheji34163 天前
【开题答辩全过程】以 基于HTML5的移动端网页设计为例,包含答辩的问题和答案
前端·html·html5
Serendipity_Carl5 天前
Django入门-小白教程
后端·python·pycharm·django·html5
ヤ鬧鬧o.6 天前
IDE风格的布局界面
javascript·html5
qq_406176146 天前
什么是模块化
开发语言·前端·javascript·ajax·html5
HIT_Weston7 天前
85、【Ubuntu】【Hugo】搭建私人博客:文章目录(四)
linux·ubuntu·html5
谷哥的小弟7 天前
HTML5新手练习项目—新年祝福(附源码)
前端·源码·html5·项目
MoonPointer-Byte7 天前
[特殊字符]The Omniscient Tome | 全知之书
javascript·html5
行思理8 天前
css 样式新手教程
前端·css·html5