搜索引擎优化入门与进阶(前端javawebchrome编程canvas后端预备知识与后续知识及项目案例)

　　搜索引擎优化入门与进阶(前端javawebchrome编程canvas后端预备知识与后续知识及项目案例)

　　目录javascript

　　css

　　html

　　前端

　　爪哇

　　网络

　　铬合金

　　编程

　　帆布

　　后端

　　前期知识及后续知识及项目案例

　　[HTML 入门和高级和 HTML5]

　　[CSS]

　　[JS-上]

　　[JS-下一个]

　　[jQuery]

　　【Node.js + Gulp 知识点汇总】

　　【MongoDB + Express 入口及案例代码】

　　【Vue项目开发-模仿蘑菇街电商APP】

　　1、简介一、前端开发的核心技术

　　我们知道在网络上使用所谓的三剑客已经不能满足需求，那么前端开发需要学习哪些技术呢？网页主要由结构、性能和行为三部分组成。网页的新标准是 W3C，当前的模型是 HTML、CSS 和 JavaScript。

　　

　　前端开发的3个核心技术

　　（1）什么是 HTML？

　　HTML，全称“超文本标记语言（Hyper Text Markup Language）”，简单来说，网页是用HTML语言制作的。HTML 是一种描述性语言，也是一种易于上手的语言。

　　(2）CSS

　　CSS，全称是“(Cascading Style Sheet)”。后来我们在别处看到“层叠样式表”和“CSS样式”，都是指CSS。

　　(3）JavaScript

　　JavaScript 是一种脚本语言。

　　二、前端开发等技术

　　前端技术的核心是HTML、CSS和JavaScript，但对于一个真正的前端工程师来说，即使精通这三者，也不能称为真正的“前端工程师”。前端技术除了HTML、CSS、JavaScript，还需要学习Ajax、SEO等。

　　(1）阿贾克斯

　　Ajax 或“Asynchronous Javascript And XML（异步 JavaScript 和 XML）”，指的是一种用于构建交互式 Web 应用程序的 Web 开发技术。

　　在后台与服务器进行少量数据交换后，Ajax 启用了网页的异步更新。这意味着可以在不重新加载整个网页的情况下更新网页的某个部分。如果需要更新传统网页的内容（不使用 Ajax），则必须重新加载整个页面。

　　Ajax是一种端到端交互的技术，主要在前端实现。（不明白？！没关系，我们会在Ajax教程中讲解）

　　(2）SEO

　　SEO，或“搜索引擎优化”。SEO优化是利用搜索引擎的搜索规则，提高当前网站在相关搜索引擎（国内常见的搜索引擎有百度、360、搜狗等）自然排名的一种方式。

　　简单的说，你创建了网站，并不意味着你可以被搜索引擎搜索到。我们通常使用百度来搜索信息。搜索出来的网页很多，但是我们通常看到搜索结果的第二页1、之后，我再也没有往下看。SEO就是让我们的网站排在搜索结果的前面，让你的网站有流量。你是网站，相信你也想让你网站被更多人看到。

　　2、基本内容1.基本概要

　　一、从web1.0到web2.0，网页制作已经成为前端开发。现在前端开发，要学的不是“三剑客”，而是“HTML+CSS+JavaScript”；

　　二、 前端技术的核心元素是HTML、CSS和JavaScript，但是我们要学习一些Ajax和SEO知识；

　　三、 前端技术只能开发静态网页，进一步学习后端技术后，可以开发出具有更好用户交互和增强功能的网站；

　　四、后端技术包括ASP.NET（或PHP）、SQL Server等；

　　五、学习路线：HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门→ASP.NET入门（或PHP入门）→Ajax→ASP.NET入门（或PHP入门））；

　　六、学习HTML就是学习各种标签，然后对自己想要的内容使用对应的标签；

　　七、HTML 标签是“HTML 元素”；

　　八、基本的HTML结构：

　　

　　2.HTML 基本标签（1)HTML 标签

　　整个网页从这里开始，然后结束。

　　(2)头部标签

　　head标签表示页面的“头部”，定义了一些特殊的内容，通常是“不可见的内容”（在浏览器中不可见）。

　　表 1 内部标签 内部标签说明

　　定义页面标题

　　定义网页的基本信息（针对搜索引擎）