一、网页

1.1 什么是网页

网站\color{red}{网站}网站是指在因特网上根据一定的规则,使用HTML等制作的,用于展示特定内容相关的网页集合。
网页\color{red}{网页}网页是网站中的一“页“,通常是HTML格式的文件,它要通过浏览器来阅读。
网页是构成网站的基本元素\color{red}{网页是构成网站的基本元素}网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm\color{red}{.htm}.htm或.html\color{red}{.html}.html后缀结尾的文件,因此将其俗称为HTML文件\color{red}{HTML文件}HTML文件。

1.2 什么是HTML

HTML\color{red}{HTML}HTML指的是超文本标记语言\color{red}{超文本标记语言}超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。HTML不是一种编程语言,而是一种标记语言(markup language)。标记语言是一套标记标签(markup tag)。

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

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

1.3 网页的形成

网页是由网页元素组成的,这些元素是利用html标签描述出来,然后通过浏览器解析来显示给用户的。
前端人员开发代码 ------> 浏览器显示代码(解析、渲染) ------> 生成最后的Web页面

1.4 网页总结

网页是图片、链接、文字、声音、视频等元素组成,其实就是一个html文件(后缀名为html)
网页生成制作:有前端人员书写HTML文件,然后浏览器打开,就能看到了网页。
HTML:超文本标记语言,用来制作网页的一门语言,由标签组成的。比如:图片标签、链接标签、视频标签等…

二、常用浏览器

浏览器是网页显示、运行的平台。常用的浏览器由IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。平时称为五大浏览器。
浏览器内核
浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

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

三、Web标准(重点\color{red}{重点}重点)

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

3.1 为什么需要Web标准

浏览器不同,它们显示页面或者排版就有些差异。
遵循Web标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:

  1. 让web的发展前景更广阔。
  2. 内容能被更广泛的设备访问。
  3. 更容易被搜索引擎搜索。
  4. 降低网站流量费用。
  5. 使网站更易于维护。
  6. 提高页面浏览器速度。

3.2 Web标准的构成

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

一、网页、Web浏览器、Web标准相关推荐

  1. 认识web和web标准

    Web.网页.浏览器 Web Web(World Wide Web)即全球广域网,也称为万维网. 我们常说的Web端就是网页端. 网页 网页是构成网站的基本元素.网页主要由文字.图像和超链接等元素构成 ...

  2. 网页全终端安防视频流媒体播放器EasyPlayer.js如何实现在web浏览器播放H.265编码视频?

    目前安防监控行业,基本所有的摄像头都支持H264编码,但是已经有部分摄像头开始支持H265,并且支持H265的摄像机已经越来越多.H265相比H264有着很多优势,压缩更高,网络传输消耗的带宽更小,相 ...

  3. 大华摄像头网页端控制+web串口(适用任何浏览器,不能用来打我)通讯合集

    大华摄像头网页端控制+web串口(适用任何浏览器,不能用来打我)通讯合集 web界面操作图 实现原理 通过本地java web服务器开通websocket对服务进行支持,后调用大华java 通用 SD ...

  4. html可以用搜狗浏览器打开网页,win8使用搜狗浏览器打开网页“显示WEB浏览器已对此页面进行了修改以帮助跨站脚本”怎么办...

    windows8系统自带IE浏览器,但是一些用户还是喜欢下载第三方浏览器,比如搜狗浏览器,使用搜狗浏览器过程中总会遇到一些故障问题,比如win8使用搜狗浏览器打开网页"显示WEB浏览器已对此 ...

  5. 网页vnc连接服务器后怎么使用,如何使用TightVNC Java Viewer从Web浏览器访问远程VNC桌面...

    VNC代表( 虚拟网络计算 )是用于管理和控制的机器上远程使用VNC客户端调用VNC查看一个开源的图形桌面共享工具. 您必须在机器访问远程桌面上安装VNC客户端,但如果你不希望你的机器上安装VNC客户 ...

  6. 在线html 浏览器,web浏览器在线兼容性测试工具_检测html网页在不同浏览器上的兼容问题...

    对于web前端开发者而言,为了确保html代码在不同浏览器上能正常工作,是一件很麻烦的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,下面就为大家推荐一下比较流行的web浏览器在线兼容性测 ...

  7. 网页从web服务器受到的威胁,[多选] Web从web服务器方面和浏览器方面受到的威胁主要来自()。...

    [多选] Web从web服务器方面和浏览器方面受到的威胁主要来自(). 更多相关问题 [多选] 多天线技术中,主要的增益包括:() [多选] 关于LTETDD帧结构,哪些说法是正确的() [多选] 参 ...

  8. Html网页远程控制电脑,如何从Web浏览器远程控制您的计算机 | MOS86

    在移动中,您可能希望连接到您的办公室有几种工具可以让您远程访问计算机,包括使用Gmail.在本文中,我们将讨论一个更强大的解决方案,远程连接到您的计算机,而无需在移动设备上安装任何内容. 如果要完全控 ...

  9. 设置Web浏览器的HTTP或HTTPS代理(设置网页IP代理)

    [1]设置Web浏览器的HTTP或HTTPS代理: 原理:非常简单,修改注册表中的两个键值,然后调用InternetSetOption函数更新即可. 步骤: 1.打开注册表:HKEY_CURRENT_ ...

  10. 大多数Web浏览器中都可以使用PUT,DELETE,HEAD等方法吗?

    我在这里看到了几个问题,例如如何调试RESTful服务 ,其中提到: 不幸的是,同一浏览器不允许我测试HTTP PUT,DELETE,并且在某种程度上甚至无法测试HTTP POST. 我还听说其他一些 ...

最新文章

  1. android img标签属性_微信小程序 组件叠加效果(如 Android 中的添加蒙层)
  2. Solr的安装步骤及增删改查代码示例
  3. 在java程序中使用protobuf
  4. 数据结构---prim最小生成树
  5. 在CockroachDB上运行Flowable
  6. c语言判断字符串合法标识符,HDU 2024 C语言合法标识符(以及一些关于输入和ctype.h的内容)...
  7. html的版本适配,2.1.3 HTML 5确保了与之前HTML版本的兼容性
  8. IntelliJ IDEA Maven Mybatis generator 自动生成代码 MAC系统
  9. 2020-09-10 保证软件开发过程遵循ISO 26262标准的十个主要进阶步骤
  10. Git发生SSL certificate problem: certificate ha错误的解决方法
  11. 啊哈C语言 第2章 梦想直航(第1-8讲)
  12. 西瓜数据集介绍以及获取。
  13. linux的pending状态怎么退出,状态pending是什么意思
  14. 转(Google 全国 地图 纠偏数据 偏移数据 火星坐标修正 方案 )
  15. 大数据是什么?1分钟了解大数据的概念!
  16. 【Linux】 ubuntu16.04系统使用印象笔记
  17. IT零起点转FICO学习路线(转)
  18. 25个值得收藏的导航类网站合集
  19. 友盟社会化Android组件之第三方登录
  20. 业界最快的高转速马达,追觅科技V12无线吸尘器

热门文章

  1. 每个python文件就是一个模块、模块的名字就是_【填空题】每个Python文件都可以作为一个模块,模块的名字就是 的名字。...
  2. 多测师肖sir_高级金牌讲师_杭州面试之纬创2021年-4月 -8日
  3. 阿里云盘window客户端开发
  4. likely和unlikely函数的含义
  5. php reflectionclass 得到参数,PHP 反射 ReflectionClass
  6. MySQL慢查询:SHOW TABLE STATUS
  7. 一、在全系1000名学生中,征集慈善募捐, 当总数达到10万元时就结束,统计此时捐款的人数,以及平均每人捐款的数目。
  8. 新东方副总裁徐健:人工智能时代如何实现教育升级?
  9. GDB常用调试命令以及多进程多线程调试
  10. android 4.4.3上面,联系人的头像默认显示首字母,但是不支持中文字符,修改支持中文