认识web
网页
1.什么是网页
用百度百科的权威定义来说,网页就是构成网站的基本元素,是承载各种网站应用的平台。通俗的说就是你上网点进去的每个网站所展现出来的界面就是网页。
2.网页的基本构成
网页的基本组成元素是文字、图像和超链接,文字主要是构成网页的内容,图像是为了服务于内容使界面更加的美观。除此之外,网页还可以包含动画、音乐、程序等。
当你点击鼠标右键,选择菜单中的“查看源文件”,就可以看到网页的实际内容。可以看到网页实际上就是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、声音(例如字体、颜色、大小),而浏览器则对这些标记解释并生成页面,于是就得到你现在所看到的画面。为什么在源文件中看不到任何图片?因为网页文件中存放的只是图片的链接位置,而图片文件与网页文件是相互独立存放的,甚至可以不在同一台计算机上。
常用浏览器
浏览器主要是网页显示运行的平台。常用的浏览器主要是IE、Firefox、Safari、chrome、Opera。他们所使用的内核即渲染引擎如下表格所示
浏览器 | 内核 | 备注 |
---|---|---|
IE | Trident | IE、360安全浏览器、猎豹安全浏览器、腾讯TT、Sleipnir、GOSURF、GreenBrowser和KKman等都是使用该内核 |
Firefox | Gecko | Gecko是一个开源内核,并且可以跨平台使用,但是它打开速度慢,且更新频繁,已经逐渐没落 |
Safari | webkit | webkit是苹果公司自己的内核,它也是开源的,google Chrome、360极速浏览器以及搜狗高速浏览器高速模式也使用webkit作为内核 |
chrome | Chromium/Blink | Blink是一个由Google和Opera Software开发的浏览器排版引擎,它其实是webkit的一个分支,并且在Chrome(28及往后版本)、Opera(15及往后版本)和Yandex浏览器中使用。 |
Opera | blink | 跟随chrome使用blink内核 |
Web标准
结构标准(HTML):用于对网页元素进行整理和分类,相当于人的身体
表现标准(CSS):用于设置网页元素的版式、颜色、大小等外观属性。相当于人的衣服
行为标准(JavaScript):用于对网页模型的定义及交互的编写。相当于人的行为
Web标准的优点
易于维护:由于页面的样式和布局信息单独保存在CSS文件中,所以只要改变CSS文件就可以改变整站的样式。
页面响应快:结构表现相分离,使HTML文档体积变小,响应时间短,下载速度快。
可访问性:语义化的HTML(结构与表现相分离的HTML)编写的网页文件,更容易被屏幕阅读器识别。
设备兼容性:不同的样式表可以让网页在不同的设备上呈现不同的样式
搜索引擎:搜索引擎使用“爬虫”,解析你的网页,语义化的HTML能更快速的被解析,提升排名。