认识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能更快速的被解析,提升排名。

posted @ 2021-03-13 18:10  by十行  阅读(238)  评论(0编辑  收藏  举报