html随笔

搜索引擎搜索识别：

识别页面主要通过title

标题最重要是的h1，一个页面一般只有一个

图片中的识别是通过alt识别不同的

图片的格式：

　　1.jpg（jpeg）：支持的颜色比较多，可以压缩，但是不支持透明，一般使用jpg保存照片等颜色丰富的图片

　　2.gif：支持的颜色少，它只支持简单的透明（只支持直线的透明），支持动态图。图片颜色单一或者动态图一般用gif

　　3.png：支持颜色多，支持透明，多使用于颜色复杂的透明图片

图片的使用原则：

　　1.效果不一致，使用效果好的；

　　2.效果一致，使用小的

meta标签的使用：

// 使用meta标签设置网页的关键字

<meta name="keywords" content="html5,javaScript,前端">

// 指定网页的描述，搜索引擎在检索页面时，会同时检索页面的关键词和描述，但是这两个值不会影响页面在搜索引擎中的排名

<meta name="description" content="发布h5，js等前端相关信息">

// 使用meta可以做请求的重定向

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

 

xhtml的语法规范：（不遵守有时候也没事，浏览器会惯着你，但是最好遵守这些规范来写）

1.html中不区分大小写，但是我们一般都是使用小写

2.html中的注释不能嵌套

3.html标签必须结构完整，要么成对出现，要么自结束标签

（浏览器会尽最大努力正确解析页面，你所有的不符合语法规范的内容，浏览器都会为你自动修正，但是有些情况会修正错误）

4.html标签可以嵌套但是不能交叉嵌套

5.html标签中属性必须有值，且值必须加引号

 

内联框架：

使用内联框架引入一个外来的页面：使用iframe来创建一个内联框架

属性：src：指向一个外部页面的路径

　　　　width height name

在现实开发汇总不推荐内联框架，因为内联框架中的内容不会被搜索引擎所检索

 

超链接：使用超链接可以让我们从一个页面跳转到另外一个页面

使用a标签创建一个超链接

属性： 

　　href：指向链接跳转的目标地址

　　target：规定在何处打开目标地址

　　　　　　_seft 在当前窗口打开；_blank在新的窗口打开链接，也可以设置一个内联框架的name属性值，在内联框架里面打开目标页面

　　<a href ="https://www.baidu.com" target="tom"></a>

　　<br>
　　<iframe src="https://fanyi.baidu.com/?aldtype=16047#auto/zh" name="tom">

　　如果创建一个超链接的时候不确定其跳转地址，可以使用#作为占位符

　　发送电子邮件的超链接，点击链接以后会自动打开计算机中默认的邮件客户端，href=“mailto:邮件地址”

　　<a href="mailto:gaoyanfeng@126.com">联系我们</a>

<center></center>center标签中内容会默认居中显示，开发中是不推荐使用