【Web世界探险家】打开Web世界的大门

这篇具有很好参考价值的文章主要介绍了【Web世界探险家】打开Web世界的大门。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【Web世界探险家】打开Web世界的大门,Web世界探险家,前端,html5,css3,javascript

📚博客主页:爱敲代码的小杨.

✨专栏:《Java SE语法》 | 《数据结构与算法》 | 《C生万物》 |《MySQL探索之旅》

❤️感谢大家点赞👍🏻收藏⭐评论✍🏻,您的三连就是我持续更新的动力❤️

🙏小杨水平有限,欢迎各位大佬指点,相互学习进步!

【Web世界探险家】打开Web世界的大门,Web世界探险家,前端,html5,css3,javascript

1. 网页

说到网页,其实大家都不陌生,我们上网时浏览新闻、查询信息、看视频等都是在浏览网页。网页可以看作承载各种网站应用和信息的容器,所有可视化的内容都会通过网页展示给用户。

1.1 什么是网页

网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。

网页是网站中的“一页”。通常是 HTML 格式的文件,它要通过浏览器来阅读。

网页是构成网站的基本元素,它通过由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页常见的以 .htmlhtm 后缀结尾的文件,因此将其称为 HTML文件

1.2 什么是HTML

HTML 指的是超文本标记语言,它是用来描述网页的一种语言。

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

  1. 它可以加入图片、声音、动画、多媒体等内容(超越了文本的限制)
  2. 它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超链接文本)

HTML 不是一种编程语言,而是一种标记语言。

标记语言是一套标记标签。

1.3 网页的形成

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

【Web世界探险家】打开Web世界的大门,Web世界探险家,前端,html5,css3,javascript

前端人员开发代码——> 浏览器显示代码(解析、渲染)——> 生成最后的 Web界面

2. 浏览器

网页是通过浏览器来展示的,关于浏览器我们要了解一下两点:

  1. 常见的浏览器
  2. 浏览器的内核

2.1 常见的浏览器

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

【Web世界探险家】打开Web世界的大门,Web世界探险家,前端,html5,css3,javascript

2.2 浏览器内核

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

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

目前国内一般浏览器都会采用 Webkit/Blink 内核,如 360、UC、QQ、搜狗等。

3. Web 标准(重点)

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。

3.1 为什么要使用Web标准

  • 浏览器不同,它们显示页面或者排版就有些许差异。

【Web世界探险家】打开Web世界的大门,Web世界探险家,前端,html5,css3,javascript

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

3.2 Web 标准的组成

主要包括结构、表现、和行为三个方面

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

Web 标准提出的最佳体验方案:结构、样式、行为相分离。
简单理解: 结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中。

3.3 Web 标准的构成

【Web世界探险家】打开Web世界的大门,Web世界探险家,前端,html5,css3,javascript

【Web世界探险家】打开Web世界的大门,Web世界探险家,前端,html5,css3,javascript文章来源地址https://www.toymoban.com/news/detail-839659.html

到了这里,关于【Web世界探险家】打开Web世界的大门的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • ASM字节码操作类库(打开java语言世界通往字节码世界的大门)

    前言: 授人以鱼不如授人以渔 ,应用asm的文章有很多,简单demo的也很多,那么ASM都具备哪些能力呢?如何去学习编写ASM代码呢?什么样的情景需要用到ASM呢?让我们带着这些问题阅读这篇文章吧。 这里由于篇幅限制做了删减(第六部分TreeApi和CoreApi的比较、核心API类的介绍等

    2024年02月05日
    浏览(38)
  • 【C→C++】打开C++世界的大门(C++基础入门,看这一篇就够了)

    这篇文章开始,我们正式进入C++的学习。 什么是C++ C语言是结构化和模块化的语言,适合处理较小规模的程序。 对于复杂的问题,规模较大的程序,需要高度的抽象和建模,C语言则不合适。 为了解决软件危机, 20世纪80年代, 计算机界提出了OOP(object oriented programming:面向对

    2024年02月07日
    浏览(48)
  • Web3在新加坡,叩开世界的大门

    文/尹宁 出品/陀螺研究院 在全球激烈的Web3角逐中,被誉为花园城市的新加坡,无疑是最为亮眼的一个。 仅有728.6平方公里、568万人口的新加坡,凭借出色的地缘优势与稳定开放的营商环境,短短几年内,在Web3领域就已突出重围,隐隐有与美国平分秋色之势。 而在去年中国重

    2024年02月11日
    浏览(39)
  • 【Linux】打开Linux大门,踏入Linux世界(环境搭建再加一群Linux基本指令就OK啦~)

      🧑‍🎓 个人主页:简 料   🏆 所属专栏: Linux系统编程与网络编程   🏆 个人社区:越努力越幸运社区   🏆 简       介: 简料简料,简单有料~在校大学生一枚,专注C/C++/GO的干货分享,立志成为您的好帮手 ~ C/C++学习路线 (点击解锁)(●’◡’●) ❤️ C语言 ❤️

    2024年02月06日
    浏览(55)
  • ChatGPT4.0知识问答、DALL-E生成AI图片、Code Copilot辅助编程,打开新世界的大门

    支持在线修改和图片导出。走一个~ (1)画一个会飞的猪 (2)通过选择select,对会飞的猪进行润色 (3)画一个花色翅膀 (4)来一个难的,根据斗罗大陆的设定,添加一个十万年魂环,哈哈 我记得金色魂环是百万年的了,哈哈。不过还可以理解。 (5)根据斗罗大陆的设计

    2024年04月29日
    浏览(55)
  • Web3的2048,Sui 8192能否打开全链游戏的大门?

    作者:Peng SUN,Foresight News Sui 8192智能合约基于Move语言编写,构成非常简单,包括游戏、Game Board与排行榜(Leaderboard)三部分,覆盖方块移动、游戏状态输入、游戏逻辑、实时积分排名各个方面。 简单来说,每开启一局Sui 8192游戏就需要生成一个NFT,每一枚NFT则代表着一局游

    2024年02月16日
    浏览(41)
  • 二分查找结果总是不对?一文帮你解决二分查找的边界问题&&数组移除元素太耗时间,双指针法为你打开新世界的大门,降时间复杂度为O(n)

      可能有粗心写的不正确的地方,或者因为技术有限写得不好的地方,欢迎大家批评指正,文章中给出的代码是本人自己写的leetcode中的代码,是代码的核心部分,如果放到本地编译器中,可能要加入mian()函数等内容。 LeetCode704二分查找    二分查找的思路非常简单,也就

    2024年02月08日
    浏览(68)
  • Python爬虫:打开盈利大门的利器

    随着互联网的迅速发展,越来越多的企业和个人开始意识到数据的重要性。而Python爬虫作为一种自动化获取互联网信息的技术,为人们提供了更便捷、高效的数据获取方式。本文将介绍基于Python爬虫的五种盈利模式,并提供实际案例供读者参考。 随着互联网时代的到来,数据

    2024年02月10日
    浏览(42)
  • VR全景直播,打开新视界的大门

    VR全景直播是目前比较火的一种直播方式,观众能够自主控制镜头画面进行上下左右移动,与进入现场的观感是一样的。与传统直播模式相比,VR全景直播不仅让观众有身临其境的体验,还可以实时全方位播放,观众视角更广阔、直播内容更丰富。 随着科技的不断创新,直播

    2024年01月18日
    浏览(40)
  • 深入解析Python文件操作:打开文件处理的大门

    在Python中,文件操作是一项常见且重要的任务。通过文件操作,我们可以读取文件内容、写入新的数据以及对文件进行其他的操作。本文将介绍Python中的文件操作,包括打开文件、读取文件、写入文件和关闭文件等基本操作,以及一些常用的文件处理技巧和最佳实践。 在进行

    2024年02月16日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包