前端学习:学习地址:黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动,下面这些都是一些学习笔记。临渊羡鱼,不如退而结网!!愿我自己学有所成,也愿每个前端爱好者学有所成

一. 网页

1.1 什么是网页

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

1.2 什么是HTML

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

所谓超文本,有 2 层含义

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

1.3 网页的形成

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

二. 浏览器

2.1 常用浏览器

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

2.2 浏览器内核

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

2.3 浏览器私有前缀

三. Web标准

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

3.1 为什么需要web标准

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

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

3.2 Web标准的构成

主要包括结构(Structure) 、表现(Presentation)和行为(Behavior)三个方面。

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

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

简单理解: 结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中。

四. 查阅文档

经常查阅文档是个非常好的习惯

推荐的网址:

最新文章

  1. Web Service和WCF的区别。其实二者不属于一个范畴!!!
  2. CSS3颜色渐变模式
  3. JS转义 escape()、encodeURI()、encodeURIComponent()区别详解
  4. js时间日期转时间戳
  5. codeforce --- 340D
  6. 移植rom移动TD到联通W
  7. 对于js原型和原型链继承的简单理解(第二种,对象冒充)
  8. 创建GIF loading图片
  9. iOS对项目中第三方类库的管理——CocoaPods
  10. html 细线表格
  11. const与readonly
  12. MongoDB基础教程系列--未完待续
  13. DOM4J介绍与代码示例(2)-XPath 详解
  14. eclipse中tomcat内存溢出设置
  15. 人生苦短,我用python(目录)
  16. vue.js 2.0(2)
  17. python 函数名 、闭包 装饰器 day13
  18. MySQL5.7 锁定用户【转】
  19. sql server自定义函数学习笔记
  20. TypeScript 之 书写.d.ts文件

热门文章

  1. C++智能指针使用说明
  2. 在Spring Boot中从类路径加载文件
  3. linux计划任务之at
  4. kali切换桌面环境
  5. Lvs+Keepalived+MySQL Cluster架设高可用负载均衡Mysql集群
  6. Redis高可用(持久化、主从复制、哨兵、集群)
  7. linux 定时删除图以及crontab介绍
  8. 基于3U PXIe的ZU7EV图像编解码设计方案
  9. html特殊字符(css3 content)
  10. 《深度探索C++对象模型》第二章 | 构造函数语意学