1、HTML
- HTML是用来制作网页文件的,浏览器查看的网页都是.html或.htm文件,HTML用于搭建网站。
- Hypertext Markup Language:超文本标记语言。是用来制作网页的一种标记语言。
- HTML是一种纯文本格式的文件,内部只能书写文字内容,不能添加图片、音频、视频等,但是在网页中给用户呈现的效果却包含了文字以外的内容,这种效果就是HTML语言区别于其他文件的不同之处。
- 超文本:是超级文本的缩写,简单来说超文本就是用于链接另一个文本或多媒体内容的文本,比如链接到图片、 链接、音频、视频、程序等。
- 标记:又叫做标签(HTML tag),有特殊的书写规范,是写给浏览器的一种语法格式,结合普通的文字信息,实现特殊的语义或显示内容。在编辑器中可以编辑和查看,在浏览器中不显示。
- HTML的功能:利用标记给普通的文本添加语义、描述超文本内容,搭建网页的基本结构。
- h1标签的作用是什么? 答案:h1标签负责给内部文字添加一级标题的语义,不负责样式,样式由css负责。
2、网页的组成
- 前端三层:HTML(结构层)、CSS(样式层)、JavaScript(行动层)
- 其他多媒体内容:图片、视频、音频、超级链接等
- 所有的网页都是真实存在的
3、互联网运行过程
程序员将网页源文件上传到服务器进行存储,用户后期通过客户端(如浏览器软件)发送HTTP请求到服务器,服务器接收请求后进行响应,将存储的相关文件通过HTTP响应回传到用户本地客户端, 最终通过客户端将网页文件进行渲染,显示出最终用户看到的网页效果。
4、互联网原理
- 服务器:服务器(server),就是一种特殊的计算机,也包括处理器、硬盘、内存、系统总线等,但是由于需要 提供更可靠的服务,因此在处理能力、稳定性、可靠性、安全性等方面要求较高。 作用:对于WEB来讲,用于存储开发人员上传的网页数据,且需要响应服务请求,并进行处理。 要求:对于网站服务器来说,为了让用户随时进行访问,必须24小时不间断工作。
- 目前绝大多数网站都采用的是云服务器(Elastic Compute Service, ECS),云服务器是一种简单高效、 安全可靠、处理能力可弹性伸缩的计算服务。其管理方式比物理服务器更简单高效。用户无需提前购买硬件,即可迅速创建或释放任意多台云服务器。
- 客户端:
- 客户端(Client)也叫用户端,指的是普通用户使用的终端,客户端有多种形式,比如最常用的就是浏览器、app等,而web开发最主要的客户端形式还是浏览器。
- 浏览器(Browser),是一种用户上网搜索、查看信息资源的应用程序。 功能:用于发送HTTP请求到服务器,接收服务器发回的HTTP响应,渲染HTML网页。
5、主流浏览器
- 主流的Web页面浏览器有:微软的IE和Microsoft Edge、Mozilla的Firefox、苹果公司的Safari、 Google的Chrome(推荐,渲染效果好、市场占有率高、自带开发者调试工具)及Opera软件公司的Opera。
- 不同浏览器使用内核及所支持的HTML等网页语言标准不同,对网页的渲染效果会有差异。
6、浏览器功能
- 发送HTTP请求,发送的方式是在浏览器地址栏输入对应网址,或者点击超级链接。
- 接收服务器发回的HTTP响应,服务器会发回一个HTML给浏览器。
- 将接收到的HTML进行解析并显示。
7、HTTP协议
- Hypertext Transfer Protocol:超文本传输协议。是客户端浏览器或其他程序与WEB服务器之间的应用层通信协议。
- HTTP请求
- request,浏览器根据网址向对应的服务器发送请求。
- 发起请求的方法:在浏览器地址栏中输入网址,或者点击网址链接。
- HTML页面解析过程中,会发出多个http请求,包含网页的图片、视频、音频等文件请求。
- HTTP响应
- 响应:response,服务器根据请求响应 一个HTML文件,将HTML传输给客户端, 在浏览器中进行HTML网页的渲染。
8、纯文本格式
- 纯文本格式,就是没有任何文本修饰的,没有任何粗体,下划线, 斜体,图形,符号或特殊字符及特殊打印格式的文本,只保存文本,不保存其格式设置。
- 格式对比
- 纯文本格式:最常见的是.txt文件。在存储和传输过程中,只能保存文字,不能保存格式,格式文件小,更易于传输。
- 富文本格式:与纯文本对应,最常见的是.rtf文件, 类似.doc文件,内部可以保存文本的 样式、图片等。
- 纯文本文件特点
- 文件只能保存文本,不保存其他的格式或非文本内容,有利于网络传输。
- 所有的纯文本格式文件,可以通过直接更改扩展名的方式更改保存格式。
- 纯文本格式文件可以使用任意的纯文本编辑器进行查看和编辑。
- html、css、js文件都是纯文本格式文件。
9、HTML的语义化
HTML文件中,如果没有使用特殊语义的标记,也可以实 现网页显示效果,但是利用标记给普通的文字添加了不 同的语义,能够让网站的结构划分更加清晰。
10、语义化网页的优势
- 方便代码的阅读和后期维护。
- 便于浏览器或是网络爬虫更好地解析网站内容。
- 使用语义化标签有利于SEO搜索引擎优化,提高网站的搜索排名。