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 马克(Mark)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 马克(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应用;

 参考:

 

相关文章