zoukankan      html  css  js  c++  java
  • HTML(1)

    认识web

    1、认识网页

    网页主要由文字、图像和超链接等元素组成,当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。

    网页是如何形成的呢?

    代码----->浏览器的渲染------>用户看到的界面

    2.浏览器(显示代码)

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

    查看浏览器占的市场份额:https://tongji.baidu.com/research/site

     由图可知谷歌浏览器所占的份额最大,说明是最火的。

    常见的浏览器内核

    浏览器内核是什么?

    浏览器英文叫做:RenderingEngline (中文翻译:排版引擎、解释引擎、渲染引擎)

    主要负责读取网页内容,整理讯息,计算网页的显示方式并显示页面

    浏览器 内核 备注
    IE Trident IE、猎豹安全、360极速浏览器、百度浏览器
    Firefox Gecko 打开速度慢、升级频繁
    Safari webkit  
    Chorme Chormium/Blink 在chormium项目中研发Blink渲染引擎(即浏览器的核心),内置于Chrome浏览器之中,blink其实是webkit的分支,大部分国产浏览器最新版都采用Blink内核,二次开发
    Opera blink   跟随chrome用blink内核

    拓展:

    移动端的浏览器内核主要说的是系统内置浏览器的内核。

    Android手机而言,使用率最高的就是webkit内核,大部分国产浏览器宣称的自己内核,基本也是属于webkit二次开发

    ios以及wp7平台上,由于系统的原因,系统大部分自带浏览器内核,一般是Safari或者IE内核Trident

    WEB标准

    web标准不是某一个标准,而是由W3C组织和其他标准化组织的一系列的标准集合。

    W3C万维网联盟是国际最著名的标准化组织。1994年成立后,至今已发布近百项相关万维网的标准,对万维网发展做出了杰出的贡献。

    W3C类似于现实世界的联合国

    为何要遵循WEB标准呢?

    通过以上浏览器的不同内核不同,我们知道他们显示的页面或者排版就有一些差异

    由于不同浏览器解析出来的效果可能不一致,开发者常常需要为多版本的开发而艰苦的工作

    通过web标准能展示统一的内容

    能说出网页中web标准三层组成?

    结构、表现、行为

    web标准的好处

    遵循web标准可以让不同我们写的页面更标准更统一外,还有许多优点

    1、让web的发展前景更广阔

    2、内容能被更广泛的设备访问

    3、更容易被搜索引擎搜索

    4、降低网站的流量费用

    5、让网站更易于维护

    6、提高页面浏览速度

    web标准的构成

    构成:结构(Structure)、表现(Presention)、行为(Behavior)

    标准 说明
    结构(Structure) 结构用于对网页元素进行整理和分类,主要指的是Html
    表现(Presention) 表现用于设置网页元素的版式,颜色、大小等外观样式,主要指css
    行为(Behavior) 行为是指网页模型的定义以及交互的编写,主要指的是js

    结构类似于人的身体;表现类似于人的着装;行为类似于人的动作

    理想情况下,它们三层都是独立的,放在不同的文件

  • 相关阅读:
    promise封装微信小程序的request
    css3实现loading效果--当页面加载过程中显示Loading的进度条,全部加载完成之后进度条消失
    解决H5微信浏览器中audio兼容-- 背景音乐无法自动播放
    h5微信浏览器复制粘贴--ios兼容问题的解决方法(clipboard.js插件)
    解决微信二次分享失败--后面被加上from=singlemessage&isappinstalled=0的解决方案
    h5微信分享
    mpvue微信小程序项目踩坑记录
    水塘抽样算法
    Redis批量删除脚本
    java9 模块化 jigsaw
  • 原文地址:https://www.cnblogs.com/jiguiyan/p/11947315.html
Copyright © 2011-2022 走看看