为什么前后端分离
- 性能问题&学习成本
前后端的走向
- 前端:页面表现,速度流畅,兼容性,用户体验等等
- 后端:三高(高并发,高可用,高性能),安全,存储,业务等等
HTML网页结构
一个标准的HTML页面 由三个部分组成:
HTML版本声明,HTML头部,HTML主体
![](https://i-blog.csdnimg.cn/blog_migrate/3822dc8c365eeb358649bdbbb7285df5.png)
-
HTML版本声明: 标签<!DOCTYPE html> 它不是HTML 标签,而是指示web 浏览器关于页面使用哪个HTML 版本进行编写的指令。
-
HTML头部部分: 标签<head> </head> 涉及页面标题、字符集、样式、链接等内容<titile> 页面标题必须存在<base> 为所有链接指定默认地址<link> 定义文档与外部资源之间的关系<style> 定义样式信息<script> 定义客户端脚本,比如JavaScript<meta> 定义关于HTML 文档的元数据,用于规定页面的 描述、关键词、文档 的作者等。搜索引擎引擎会利meta元素的 name 和content 属性来索引页面。
-
HTML主体部分: 标签<body></body> 浏览器展现给用户的内容,包括标题、文本、段落、链接、图片、媒体等,所有的页面内容都由HTML主体部分标签来实现。<p>hello</p> 标识一个段落<a href=“url”>text</a> 标识一个链接文本<ol><ul><li> 列表项相关<table><tr><td> 表格项相关<img> 标识一个图片信息<b><i> 字体相关标签<form><input> 表单相关标签标签之间可按照规则嵌套。
HTML标签/元素/属性
- 标签 HTML页面由标签和内容组成,标签一般是成对出现,由开始和结束标签组成
<p></p> <img/>
- 元素 HTML元素指的是开始标签到结束标签的所有代码,包括开始结束标签<p>hello</p>
- 属性 属性一般描述于开始标签中,用于对元素提供附加信息<img src=“image/geektime.png” width=30% height=30% alt=“图片加载
失败" />
- 标签 HTML页面由标签和内容组成,标签一般是成对出现,由开始和结束标签组成