9.27晨会分享 HTML5区别&搜索引擎原理

Posted 2021-04-04 国信安 百杰W238

书山有路勤为径

  学海无涯苦作舟

9.27晨会分享

今日重点

1、html和HTML5之间的区别是什么？

2、SED搜索引擎优化

什么是HTML和HTML5？

HTML代表超文本标记语言，用于使用标记语言设计网页。HTML是超文本和标记语言的组合，超文本定义了网页之间的链接；标记语言用于定义标记内的文本文档，该文档定义网页的结构。此语言用于注释（在计算机注释中）文本，以便机器可以理解它并相应地操作文本。大多数标记（例如HTML）语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构造和呈现内容。HTML5是HTML的第五个版本，HTML5中删除或修改了许多元素。

HTML和HTML5之间的区别是什么？

1、文档类型声明(Doctype声明)

HTML文档的类型声明为：

HTML5文档的类型声明为：

2、音频和视频的支持

HTML如果不使用Flash播放器支持，它不支持音频和视频。HTML5使用和标签来支持音频和视频控制。存储数据HTML使用cookie来存储临时数据。HTML5使用SQL数据库和应用程序缓存来存储脱机数据。

3、矢量图形的使用

对于HTML，矢量图形可以在HTML中借助各种技术实现，如vml、银光、flash等。对于HTML5，矢量图形是HTML5的一个组成部分，如SVG和Canvas。

4、拖放效果和绘图

HTML不允许拖放效果，无法绘制复杂图形，例：圆形，矩形，三角形等形状。HTML5允许拖放效果，允许绘制圆形，矩形，三角形等形状。

5、语法的处理

HTML无法处理不准确的语法；HTML5能够处理不准确的语法。

6 HTML5中有许多HTML元素已被修改或删除。

HTML5中添加了许多新元素如：nav, audio, progress, command, time, datalist, video, figure, meter, data, section, time, aside, canvas, summary, rp, rt, details, header, footerarticle, hgroup, bdi, mark, output, source, track, section, ruby 等等。

SEO搜索引擎优化

SEO（Search Engine Optimization），汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目的网站在有关搜索引擎内的排名的方式。SEO目的理解是：为网站提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益。SEO可分为站外SEO和站内SEO两种。

搜索引擎规则

搜索引擎排名规则很简单，就是优质的内容、优质的外链，内容与外链是相辅相成的，网站输出优质内容，通过外链（推广）提升网站权重及引流，网站内部持续输出优质资源，网站外部持续输入有效用户，让输入用户为网站带来价值，这就是搜索引擎优化的运作原理。

① 每个搜索引擎都有自己的蜘蛛爬虫（搜索机器人程序），通过蜘蛛程序在互联网上爬行，在整个互联网上抓取大量的信息，再将抓取到的信息存储到搜索引擎自己的服务器中（这个过程称之为收录）

② 收录的数据经过搜索引擎算法判断，高质量页面编入索引，低质量页面将被删除，被索引的网页才有机会被用户搜索关键词查询到（这个过程称之为索引） 

③ 与用户查询的关键词内容相关度高，对用户价值大，排名越靠前；相关度低，对搜索用户没帮助，排名越不容易找到（这个过程称之为排名）

DIV

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

使用div搭建网页结构的好处：

div只是一个标签，代表块级元素，相当于一个容器，把各个部分独立起来，便于管理，而div嵌套div的模式就称为盒子模型。使用div主要是为了CSS样式的应用。主流网站现在都是使用div进行布局，目的是为便于网站升级和改版。因为div+css的网页更容易修改。