Web前端:HTML~CSS~JS

 网页根本由3有的组成:结构、表现、行为。近期网页的新规范是W3C,模式是HTML、CSS、JavaScript,这是前端开发最大旨的3个技术。前2个技术的新型版本分别为HTML5、CSS3。

 “HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为” 

前端开发其他技术

Ajax
 异步JavaScript和XML,Asynchronous Javascript And
XML,一种创造交互式网页应用的网页开发技术。通过在后台与服务器举办少量数据交换,Ajax可以使网页实现异步更新,即在不重复加载(刷新)整个网页的场所下,仅更新网页的某有些。
 Ajax是上下端交互的技巧,首要实现在前端。

SEO
 搜索引擎优化,Search Engine
Optimization,专门拔取搜索引擎的物色规则使网站在探寻结果的前面,提升访问量。

HTML

 超文本标记语言,Hyper Text Markup
Language,为“网页创立和此外可在网页浏览器中看到的消息”设计的一门描述性标志语言,一流文本标记语言是万维网(Web)编程的功底。HTML
使用标志标签(HTML 标签,HTML tag)来讲述网页。   
 HTML结构
  ·. 头Head部分:提供关于网页的(公共)音讯;
  <head>
元素是具备头部元素的器皿,包含脚本、提醒浏览器在何方可以找到样式表、提供元数据(metadata)音讯等,<title>、<base>、<link>、<meta>、<script>
以及 <style>可以添加到 head 部分。
  ·. 主体Body部分:提供网页的具体内容;    

   <html> 与 </html> 描述网页,定义HTML文档 
   <body> 与 </body> 可见的页面内容,文档主体 
   <h1> 与 </h1> 显示标题,有h1-h6 
   <p> 与 </p> 显示段落        

 特点
  · 简单易扩充:版本升级使用超集形式;
  · 平台无关性:网络的通用语言;
 样式
  按照样式表对文档举办格式化,插入样式表的3种模式:
  a.
外部样式表:一表多用,通过变更一个文本来改变总体站点(几个页面)的外观。 

  <head>
   <link rel="stylesheet" type="text/css" href="mystyle.css">
  </head>

  b. 内部样式表:针对单个文件(页面)需要专门的体制。

  <head>
   <style type="text/css">
    body {background-color: green}
    p {margin-left: 20px}
   </style>
  </head>

  c.
内联样式:特殊的体制需要拔取到个别元素,在有关的标签中行使样式属性。

   <p style="color:blue; margin-left:20px">This is a Paragraph.</p>

 URL – 统一资源定位器

  Uniform Resource Locator,URL
不可能包含空格,用+代替,遵守以下语法规则:
   <a
href=”scheme://host.domain:port/path/filename”>自定义文本</a>  
    scheme:定义因特网服务的类别,最普遍的系列是 http
    host:定义域主机(http 的默认主机是 www)
    domain:port:定义因特网域名和主机上的端口号(http
的默认端口号是 80)
   
path:定义服务器上的路子(假如简单则文档必须放在网站的根目录中)
    filename:定义文档/资源的名称 

 XHTML

 可扩展超文本标签语言(EXtensible HyperText 马克(Mark)up
Language),XML+HTML,XML 描述数据,HTML 显示数据。与 HTML 4.01
几乎千篇一律,是一个 W3C 标准,XHTML 是更严俊更十足的 HTML 版本,目标是顶替
HTML,是当做一种 XML 应用被另行定义的 HTML。
 特点
  · 元素必须被关门且要科学嵌套;  
  · XHTML 文档必须有所根元素,嵌套于<html>
根元素中,<html> 标签内的 xmlns 属性是默认必需的; 
  · 属性不可以简写,属性名称(标签)必须小写,属性值必须加引号,id
属性可以取代 name 属性; 
  · XHTML DTD 定义了劫持行使的 HTML 元素; 
 所有 XHTML 文档必须举行文件类型表明(DOCTYPE
declaration)。文件类型阐明并非 XHTML 文档自身的组成部分,不是 XHTML
元素,也从未关闭标签。在 XHTML 文档中必须存在html、head、body元素,
title 元素必须放在 head 元素中。
 XHTML结构
  ·  !DOCTYPE
    文档类型讲明,用于验证XHTML文档。
  ·  head
  ·  body

 HTML-5

 

CSS

 层叠样式表,Cascading Style
Sheets,一种用来显示HTML或XML等公事样式的处理器语言,真正得以成功网页呈现与内容分别的一种体裁设计语言,是眼前依照文本展示的最精美的显现设计语言。
 特点
  · 表现与内容“解耦合”,前期易维护和改版;
  · 精简代码,减小网页文件大小,加快网页加载速度;
  · 对象地点排版像素级的规范控制;
  · 层叠性和继承性;

 CSS-3

 


JS

 JS,即JavaScript,一种脚本语言,弱类型、动态类型的语言,网站的动态性更强。

 jQuery

 jQuery=JavaScript+Query是匡助JavaScript开发的轻量级JS函数库,兼容CSS3,免费开源、使用MIT许可商榷。主题理念是write
less,do more(写得更少,做得更多)。

  •  简化JavaScript编程;
  •  DOM优先,用户交互;

 AngularJS

 Google推出的一款完整的Web应用开发框架,提供一密密麻麻兼容性优异并且可扩张的劳务,包括自动化双向数据绑定、看重注入、MVC设计格局和模块加载等。

  •  关注数据呈现自身,动态操作网页元素强调开发效用。

 TypeScript

 JS的超集(SuperSet),兼容并扩大了JavaScript的语法,由微软开支的开源语言,使用Apache授权协议。

  •  新增可选类型、类和模块,帮助基于类的面向对象编程;
  •  新增项目声明提供编译时的静态类型检查;
  •  可编译成标准可读的JavaScript,协理开发大规模JavaScript应用;

 参考:

 

相关文章