下面是W3School对什么是HTML的一段描述,对于已经掌握HTML的人来说这样的描述可以说是准确的并且容易理解的一种解释,然而对于初识HTML的人来说可能有些抽象。也可以说,HTML就是一种规范,是组织数据的一种规范,浏览器是以此规范来进行页面渲染的,比如浏览器会把<h1>标题1</h1>标记的内容“标题1”以大字号进行显示,显示效果正是h1在html规范定义的语义。

HTML 是用来描述网页的一种语言。

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

那么HTML能做什么呢,可以用来做网站,应该说95%的网站都有用到HTML,个别网站使用的XML技术,因为HTML本质上和XML一样都是标记语言,均是用来规范数据的,HTML更像是XML的一个实例,是专门用来规范网站建设的。既然是规范数据,所以制作网站仅仅采用HTML是不够的,网站样式需要用到CSS进行渲染,网站中随着用户鼠标或键盘操作而变化的一些功能又需要使用到JavaScript。如果网站中有收集并存储用户数据的功能,则又要用到PHP、JSP等服务器端编程语言。本网站主要关注前端技术,服务端技术不在本网站关注范围内,如有兴趣请访问后台技术网

  1. 文本
  2. 图像
  3. 超链接
  4. 表格
  5. 表单
  6. 导航栏
  7. 段落
  8. 链接
    1. W3School HTML

CSS是Cascading Style Sheets简写,翻译过来中文名称叫做层叠样式表,官方介绍CSS是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。在介绍HTML是什么时候,我有句话说HTML是标记语言、是用于规范数据的,那么这些数据如何呈现,除了基本功能是HTML标记本身语义决定的,除次之外如何呈现就全是CSS的管辖范围了,比如div背景颜色、边框、网页字体等等。各大浏览器厂商都遵循CSS规范,对HTML页面样式进行呈现。

CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

无论HTML或者CSS规范本身都是好的,如果各大浏览器厂商都严格遵照规范进行实现,那么对于前端开发人员来说绝对是福音,浏览器兼容性问题将减轻偌大的工作量。理想很丰满,现实很果敢,由于各种原因各大浏览器厂商均不能严格按照规范进行实现。所以就苦逼了前端程序员,有时候同一个功能,需要为各个浏览器编写一份代码。服务端程序主要就是兼容Windows和Linux,而浏览器就没那么简单了,仅仅IE就有IE6、7、8、9、10、11。

  1. 块级元素
  2. 内联元素
  3. DIV+CSS盒子模型
  4. 外边距叠加机理
  5. CSS文档流
  6. 定位
    1. 相对定位
    2. 绝对定位
    3. 浮动定位
    4. absolute的英文意思是绝对的意思,实际上是针对父级元素元素定位,如果父级元素没有position:relative|absolute,则追至再上一个父级元素,直至相对于文档的左上角定位,按照我们中国人的理解观念,这个其实是相对定位,是脱离文档流的。用了abolute属性,原有float属性将失效; relative的英文意思是相对的意思,实际上是相对于对象当前位置的定位。而且是不脱离文档流的,就算用top、lef、bottom、right或margin将其移动位置,它也会在原来的文档流中占有自己实际大小的一块位置。 说白了,absolute是相对于父对象定位,relative是相对于当前位置定位!

JavaScript 是一种可以由所有现代浏览器执行的脚本语言!
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入HTML页面的编程代码。
JavaScript 是可以操作HTML页面中所有内容的。

  1. 闭包
  2. 原型
  1. Semantic UI官网
  2. Semantic UI中文网
  3. Semantic UI中文网
Semantic UI安装与使用(全部使用,选择性使用),Semantic theme使用 http://www.alliedjeep.com/17588.htm
  1. Backbone.js——优点:强大的社区,强劲的势头;缺点:抽象较弱,很多功能亟待增加。
  2. SproutCore——优点:对绑定的支持,可靠的社区,大量特性;缺点:过度规范,难以和不需要的特性解耦。
  3. Sammy.js——优点:易于学习,更容易和现存的服务端应用程序整合;缺点:过于简单,无法应用于大型应用程序中。
  4. Spine.js——优点:轻量级,文档很完备;缺点:它的核心概念“spine”是异步的用户界面,这意味着理想状况用户界面永远不会发生堵塞,而这个基础有缺陷。
  5. Cappuccino——优点:大型深思熟虑后的框架,良好的社区,很棒的继承模型;缺点:由iOS开发者创建,使用JavaScript模拟Objective-C。
  6. Knockout.js——优点:对绑定的支持,完备的文档和教程;缺点:绑定语法拙劣,缺少统一的视图组件层级关系。
  7. Javascript MVC——优点:可靠的社区;缺点:基于字符串的继承模型很差,控制器与视图关系过密而缺少绑定。
  8. GWT(Google Web Toolkit)——优点:全面的框架,良好的社区,可靠的基于Java的组件继承模型;缺点:可能无法经受时间的考验,另外,Java在客户端上的抽象有些笨拙。
  9. Google Closure——优点:很好的基于组件的UI组合系统。缺点:缺少UI绑定支持。
  10. Ember.js——优点:很丰富的模板系统,拥有复合视图和UI绑定;缺点:相对较新,文档不够完备。
  11. Angular.js——优点:对模板范围和控制器设计有很好的考虑,拥有依赖注入系统,支持丰富的UI绑定语法。缺点:代码的模块性不强,视图的模块化也不够。
  12. Batman.js——优点:代码清晰,绑定、持久化的方法简单;缺点:使用了单例控制器。
讲解一些前端设计原则与理念、方法论

Nodejs并不是一门语言,也不是js类库,更不是js做出的一款产品,而是包含了一个能解析运行JavaScript程序引擎的一个平台,可以基于该平台采用Javascript开发程序,无论服务端或者客户端均可以采用Javascript进行开发。

Grupjs不是一个js类库,而是采用Nodejs开发的一个用于构建JS、CSS等程序的一个工具,像Ant一样进行进行构建前端项目。

Grunt是一个前端项目构建工具,具有生命周期的概念,像Maven但更加灵活,每个阶段可以执行一系列的任务,具有插件功能,支持扩展;可以方便实现构建、验证Test、编译(Less、Coffee等)、压缩、合并、生成api doc等等功能,

以前主要做Java服务端程序开发,尽管也做前台页面的开发,并没有太关注,只觉得java端开源产品越来越多,随着bootstrap的火爆,也开始关注前端产品,突然觉得前端产品如雨后春笋,层出不穷,什么agularjs、semanticui、emberjs、bower等等,越关注发现前端发展好快,记得10年所从事过的第一个项目还是js、html、css+美工,没想到发展有如此之快,服务端的MVC、Template技术等等设计模式,在前端都已经找到相关实现的产品了,并且还不止一种。随着目前的了解,这些产品大都是随着nodejs的兴起而产生,并且12年左右已经出现了,但国内知道的人还不多,而我也是现在才知道,不仅感叹国内IT技术还是没有国外发达呀,就唠叨到此吧,也因此建立了这么一个重点关注前端技术的网站,希望能够让更多的人了解到发展的迅猛前端技术!!

小程序
关于我们
关于我们