一、HTML5简介

一、网页

(一)什么是网页

网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是HTML格式的文件,它要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm 或.html后缀结尾的艾件,因此将其俗称为HTML文件

(二)什么是HTML

HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。HTML不是一种编程语言,而是一种标记语言(markup language)。标记语言是一套标记标签(markup tag)。

小实验:在桌面上新建一个txt文件,在文件中写入<img src="picture.jpg">,在桌面上放一张图片,命名为picture.jpg

然后将文件保存,后缀名txt改为html,双击打开,便会使用默认的浏览器打开网页

 结果如下图所示:

 网页的本质就是HTML文件,里面带着很多标签,文字标签,图像标签,视频标签等。

所谓超文本,有2层含义:

1、它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)

2、它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)

(三)网页是怎么形成的

网页是由网页元素组成的,这些元素是利用html标签描述出来,然后通过浏览器解析来显示给用户。

开发人员就是在HTML文件中写上各种各样的标签,再由浏览器打开显示给用户。

总结:网页是图片、链接、文字、声音、视频等元素组成其实就是一个html文件(后缀名为html)。网页生成制作:有前端人员书写HTML文件,然后浏览器打开,就能看到了网页。HTML:超文本标记语言,用来制作网页的一门语言.有标签组成的.比如图片标签链接标签视频标签等...

二、常用的浏览器

(一)常用浏览器

浏览器是网页显示、运行的平台。常用的浏览器有IE、火狐、(Firefox )、谷歌(Chrome ) 、Safari和Opera等。平时称为五大浏览器。

 IE浏览器和Edge浏览器都属于微软公司,属于一个。查看浏览器市场份额:http://tongji.baidu.com/data/browser

(二)浏览器内核

浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

浏览器 内核 备注
IE Trident IE、猎豹、360极速浏览器、百度浏览器
firefox Gecko 火狐浏览器内核
Safari Webkit 苹果浏览器内核
chrome/Opera Blink Chrome/Opera浏览器内核。Blink其实是WebKit的分支

Blink内核是Webkit内核的一个分支,由于Chrome产生的比较晚,所以基于Webkit进行了二次开发,增强了性能。国产浏览器产生的更晚,大部分使用了Webkit和Blink内核,如360、UC、QQ、搜狗等浏览器。

三、Web标准的三大组成部分

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。代码最终要发布到网站中供大家使用,所以一定要遵循Web标准。

(一)为什么需要Web标准

浏览器不同,它们显示页面或者排版就有些许差异。比如同样的文字,在A浏览器中默认是10号字,B浏览器可能默认12号字导致显示内容有差异,所以需要Web标准统一规范。

遵循Web标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:1、让 Web的发展前景更广阔;2、内容能被更广泛的设备访问;3、更容易被搜寻引擎搜索;4、降低网站流量费用;5、使网站更易于维护;6、提高页面浏览速度。

(二)Web标准的构成

主要包括结构(Structure)表现(Presentation)行为(Behavior)三个方面。

标准 说明
结构 结构用于对网页元素进行整理和分类,现阶段主要学的是HTML
表现 表现用于设置网页元素的板式、颜色、大小等外观样式,主要指的是CSS
行为 行为是指网页模型的定义及交互的编写,现阶段主要学的是JavaScript

Web标准提出的最佳体验方案:结构、表现、行为相分离

简单理解:结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中

猜你喜欢

转载自blog.csdn.net/qq_40836442/article/details/110878225
今日推荐