网页根本由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 马克up
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 马克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应用;

 参考:

 

相关文章

网站地图xml地图