从零开始学习HTML-01.HTML简介

1.1 网页

1.1.1 什么是网页?

网站:利用前端技术制作的网页集合。

网页:构成网站的基本元素,通常是 HTML 格式的文件(.htm 或 .html)必须通过浏览器来阅读。

1.1.2 什么是HTML?

超文本:由图片、声音、动画、视频……构成且可以相互链接的文本。

HTML:超文本标记语言(HTML 不是编程语言,而是由一套标记标签构成的标记语言)。

1.1.3 网页的形成

前端代码开发 ——> 浏览器解析、渲染代码 ——> 呈现 Web 页面。

1.2 浏览器

1.2.1 常用浏览器

PC 端五大浏览器: IEChromeFirefoxSafariOpera、(目前 IE 已经被 Edge 取代)。

1.2.2 浏览器内核

四大浏览器内核:IE(Trident)、Firefox(Gecko)、Safari(Webkit)、Chrome / Opera / Edge(Blink 属于 Webkit 的分支,Blink 兼容 Webkit)

注:目前国内浏览器一般都采用 Webkit / Blink 内核。

1.3 Web标准

W3C: 万维网联盟,国际最著名的标准化组织之一。

Web 标准:W3C 组织和其他标准化组织为 Web 开发制定的一系列标准的集合。

1.3.1 为什么需要Web标准?

浏览器不同,解析渲染显示的页面效果就有些许差异,通过 Web 标准可以统一浏览器解析显示效果,同时大大减少开发者的工作量(一套代码,多种浏览器平台兼容运行)。

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

  • 让 Web 开发前景更广阔

  • 网页能被更广泛的设备访问

  • 更容易被搜索引擎搜索(排名靠前)

  • 降低网站的流量费用

  • 使网站更易于维护

  • 提高页面的加载速度

1.3.2 Web标准的构成

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

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

Web 标准提出的最佳体验方案: 结构样式行为 相互分离。

  • 简单的理解:结构写到 .html 文件中、表现写到 .css 文件中、行为写到 .js 文件中
  • 一句话解释:结构类似身体、表现类似衣服、行为类似动作(结构始终是一切的基础!)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1 网页 1.1 什么是网页 网站:是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网...
    Tutuls阅读 489评论 0 1
  • HTML 一.什么叫网页? 1.1 什么叫网页? 网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于...
    Jason杰森阅读 318评论 0 1
  • 关于 HTML 超文本标记语言(HyperText Markup Language,简称 HTML)是一种用于创建...
    _空空阅读 1,176评论 0 1
  • 1.认识网页 2.常见浏览器介绍 3.Web 标准 4.HTML 简介 5.文档类型 <!DOCTYPE> 6.字...
    Rella7阅读 762评论 0 5
  • 第01阶段.前端基础.认识WEB HTML 第一天目标 能够写出基本的html页面(里面包含图片、链接、文字等网页...
    Hamilton_22c6阅读 656评论 0 0

友情链接更多精彩内容