前端基础-基础认知

认识网页

  1. 什么是网页?
    文字,图片,音频,视频,超链接
  2. 我们看到网页背后的本质是什么?
    前端程序员写的代码。
  3. 前端的代码是通过什么软件转换成用户眼中的页面儿的?
    通过浏览器转化解析和渲染成用户看到的页面。

五大浏览器

  1. 浏览器是网页显示运行的平台。是前端开发的必备利器。
  2. 常见的五大浏览器,IE浏览器,火狐浏览器,Firefox。谷歌浏览器Chrome, Safair浏览器,欧朋浏览器Opera。
  3. 浏览器市场份额,谷歌占60%。
  4. 渲染引擎,浏览器内核,浏览器中专门对代码进行解析渲染的部分。
  5. 注意点:渲染引擎不同,导致解析相同代码的。速度,性能,效果也不同。
  6. 谷歌浏览器的渲染引擎速度快,性能高,效果好,所以更吸引用户的喜爱。

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。
接下来围绕web标准,我们学习以下两点:

  1. 为什么需要web标准
  2. Web标准的构成

为什么需要 Web 标准?

遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:

  • 让 Web 的发展前景更广阔。
  • 内容能被更广泛的设备访问。
  • 更容易被搜寻引擎搜索。
  • 降低网站流量费用。
  • 使网站更易于维护。
  • 提高页面浏览速度

Web 标准的构成

主要包括结构(Structure) 、表现(Presentation)和行为(Behavior)三个方面。
Web 标准提出的最佳体验方案:结构、样式、行为相分离。
简单理解: 结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中。

  1. web标准,让不同的浏览器按照相同的标准显示结果,让展示的效果统一。
  2. web标准中分成三个构成。
    结果 html 页面元素和内容
    表现 css 网页元素的外观和位置等页面样式。
    行为 Javascript 网页模型的定义与页面交互。
  3. web标准的记忆方法: web标准要求页面实现结构,表现,行为三层分离。

HTML概念

  1. HTML 超文本标记语言: 专门用于网页开发的语言,主要通过HTML标签对网页中的文字,图片,音频,视频等内容进行描述。

  2. HTML页面固定结构:要通过特点的html标签进行描述。

  3. HTML骨架结构有哪些标签组成?
    html标签网页的整体
    head标签网页的头部
    body标签网页的身体
    title标签网页的标题

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值