1. 软件的架构
结构
-
HTML
用于描述页面的结构
表现
-
CSS
用于控制页面中元素的样式
行为
-
JavaScript
用于响应用户操作
HTML
-
HTML(Hypertext Markup Language)
超文本标记语言。 - 它负责网页的三个要素之中的结构。
-
HTML
使用标签的形式来标识网页中的不同组成部分。 - 所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。
编写一段内容,在纯文本编辑器中编写的内容都是纯文本,网页就是使用纯文本编写的。
纯文本中只能保持文本内容,而图片,音频,视频等格式化的内容,都不能设置。
DOCTYPE
-
HTML
总共有那么多的版本,而且这其中至少有三个版本在广泛使用,那么浏览器怎么知道我们在使用哪个版本呢? - 为了让浏览器知道我们使用的
HTML
版本我们还需要在网页的最上边添加一个DOCTYPE
声明,来告诉浏览器网页的版本。
<! DOCTYPE html>
h5
的文档声明,声明当前的网页是按照HTML5
标准编写的,编写网页时一定要将h5
的文档声明写在网页的最上边,如果不写文档声明,则会导致有些浏览器会进入一个怪异模式,进入怪异模式以后,浏览器解析页面会导致页面无法正常显示,所以为了避免进入该模式,一定要写文档声明。
怪异模式
-
为了兼容一些旧的页面,浏览器中设置了两种解析模式:
- 标准模式(
Standards Mode
) - 怪异模式(
Quirks Mode
)
- 标准模式(
怪异模式解析网页时会产生一些不可预期的行为,所以我们应该避免怪异模式的出现。
避免的最好方式就是在页面中编写正确的
DOCTYPE
。
进制
<meta charset = "utf-8"/>
需要来告诉浏览器,网页所采用的编码字符集。
meta
标签用来设置网页的一些元数据,比如网页的字符集,关键字,简介,meta
是一个自结束标签,编写一个自结束标签时,可以在开始标签中添加。