初识前端和HTML

85 阅读3分钟

前端开发是什么

前端开发是创建Web页面或app等前端界面呈现给用户的过程

前端开发可以做什么

PC、移动app、小程序、游戏、客户端

互联网运行过程

程序员将网页源文件上传到服务器进行存储,用户后期通过客户端(如浏览器)发送HTTP请求到服务器,服务器接收请求后进行响应,将存储的相关文件通过HTTP响应回传到用户本地客户端,最终通过客户端将网页文件进行渲染,显示出最终用户看到的网页效果。

服务器(Server)

一种特殊的计算机,也包括处理器,硬盘,内存,系统总线等,但是在处理能力,稳定性,可靠性,安全性等方面要求较高,必须24小时不间断工作

作用:用于存储开发人员上传的网页数据,且需要响应服务请求,并进行处理。

客户端(Clinet)

普通用户使用的终端,比如浏览器,app

浏览器

功能:主要用于发送HTTP请求到服务器,接受服务器发回的HTTP请求,渲染HTML页面。

主流浏览器及内核

浏览器内核备注
IE/EdgeTridentIE内核
FireFoxGeckoFirefox内核
SafariWebkit
ChromeWebkit→Blink统称为Chromium或Chrome内核
OpreaPresto→Webkit→Blink

HTTP协议

客户端浏览器或其他程序与WEB服务器之间的应用层通信协议。

HTTP请求(request)

在浏览器输入网址,或点击网址链接,浏览器根据网址向对应的服务器发送请求,HTTP页面解析过程中,会发出多个http请求,包含网页的图片,视频,音频等文件请求。

HTTP响应(response)

服务器根据请求响应一个HTML文件,将HTML传输给客户端,在浏览器中进行HTML网页的渲染。

HTML

纯文本格式:只保留文本,不保留格式,常见后缀如.txt等。

富文本格式:可以保存文本的样式、图片,如word文档等

HTML:超文本标记语言,是制作网页的一种标记语言。

超文本:可以链接到图片、音视频等。

标记:特殊的书写规范,是写给浏览器的一种语法格式,结合普通的文字信息,实现特殊的语义或显示内容,在编辑器中可以编辑和查看,在浏览器中不显示。

HTML的语义化

给普通的文字添加不同的语义,能够让网站的结构划分更清晰

  • 方便代码的阅读和维护
  • 便于浏览器更好的解析网站内容
  • 有利于seo搜索引擎优化,提高网站搜索排名

HTML元素

从开始标签到结束标签的所有内容,包含开始标签,元素内容,结束标签。

元素内容

可以是纯文本,也可以是其他HTML元素,这种元素内容包含其他HTML元素,称为嵌套。

HTML元素的特性

1.对空格,换行,缩进形成的空白不敏感,有无空白对在浏览器中加载的效果没有影响。

2.空白折叠现象,元素内容如果是文本,所有文字之间如果有空格,换行,缩进等空白字符,在浏览器加载时,连接在一起的空白会折叠成一个空格显示。