在2010年中标记标准有巨大的发展必威,未来HTM

塑造2010年的网页设计行业的那些事

2011/01/13 · HTML5 · HTML5

导读:原文由王五翻译,已修正原译文中的一些误译之处。以下是全文。

在2009年末,我曾坐下来考虑网页设计会向何处发展,当时发生的一切又将走向何方。我提起笔来(确切地说,我是坐在键盘前)写下了《2010年塑造Web的五项科技》,力图总结正在推动我们这个行业发展的科技趋势和行业发展的方向。为了真实的反映过去一年所发生的事,我在本文会讨论一些塑造了2010年网页设计行业的科技和趋势。

新的标记标准:CSS3 和HTML5

毫无疑问,在2010年中标记标准有巨大的发展。W3C理事会曾建议在几年之后最终确定CSS3和HTML5语言的地位(原本预计HTML5的地位最终会在2022年确立),可它们却已迅速成为新的标准。

必威 1

幸运的是。和IE9一样,当今的浏览器如Safari、Chrome、 Opera、 Firefox,都意识到了CSS3和HTML5对于移动平台和传统电脑桌面的的价值。它们都进了一步,将CSS3和HTML5投入应用,而不再只是做为样本。

对我而言,当看到2010出版的相关书籍,不少关于CSS3和HTML5的文章标题,如《无情的网页设计业》, 《网页设计者的CSS3》和 《网页设计者的HTML5 》时,我能总能感觉到一些更为切实和权威的意味——这只是冰山的一角。

必威 2

伴随对新语言的性能进行的无数实验和概念验证,网站设计者和浏览器供应商有了新的觉悟,这也把他们引入了主流。

也许开始赢得众多怀疑论者的是这些新规范在IE9中的应用——在最常用的浏览器中的重新运用——结果很受欢迎。微软浏览器的标准基于(大部分)其它浏览器供应商正在使用的标准,这意味着CSS3和HTML5在现今的项目中还是可以用的。

必威 3

IE9或许还不能支持CSS3和HTML5的所有特性,如你在谷歌浏览器和火狐浏览器中所看到的那样,但微软的工程师的确已经做出了很大转变,朝正确方向的转变。

即使在得到各种浏览器的全面支持之前,JavaScript助手资源库也扮演了很重要的角色,使得我们可以使用新CSS和HTML的特性。开放源代码项目如:Modernizr,HTML5 shiv, 和 HTML5 Boilerplate继续帮助网页设计者和网络开发者通过这些新的标记语言标准日益提升其产品的性能,同时又能迎合那些已经过时的浏览器。

网页排版

必威 4

使用CSS @font-face规则排版对网页设计也有很大的帮助。新的网络服务如Google Font API 和Font Deck,以及原有的TypeKit使得设计者可以跳出原来少量的网络安全字体的限制而有了更多的选择。

移动互联网

必威 5

2010年1月17日,苹果公司发布了iPad。iPad、笔记本电脑、MacBook Air和Android smartphones之类的超级便携电脑,使浏览器脱离了传统的静态桌面,转向沙发、机场休息室、火车及公园长凳上,实际上可以说是所有能接收无线网络信号的地方。

另一方面,去年有许多关于CSS3设计网页的讨论(和更多的应用)方面的媒体调查和反馈,使设计的网站可以在多种不同的平台展示。

通过设计iPad应用程序、设计现有网站的易用的移动版本、使用平果软件开发工具包设计iPhoner应用程序或利用开放的技术即设计HTML5 语言的iPhone程序, 很多设计者已经进入移动网络领域。

社交网络

2010年网络社交继续发展,甚至还有一部关于网络社交的电影!毋庸置疑现在网络社交比任何时候都要流行。对很多人而言,Facebook就是因特网。

我们已经看到了网络社交的文化效应,如某人网上的推特,还有Gap,这个国际大公司在Twitter和Facebook用户公开批评其选择后改换了公司标志。

有人说,并不是所有的网络社交理念都实现了, Google Wave做到了,谁不同意?

JavaScript

如果我问你在去年JavaScript做为一种标记语言发生了哪些变化,你或许发现并没有多少。新的JavaScript在开发方面的进展有些让人失望,尽管ECMAScript 5让人看到了JS引擎在现代浏览器中局部地应用(如FireFox)。

无论怎样,在去年通过做为CSS3和HTML5的业务引擎,JavaScript已为网页设计者和网络开发者所熟悉。JavaScript是HTML5中许多令人兴奋的功能的驱动程序, 如canvas的APIs, 音频, 视频, 网络存储等。我们可以看到服务器端面脚本语言在项目中的应用(如node, JS)使客户端和服务器端和服务器端面实现无缝对接。

简而言之,JavaScrip比以往更流行了。Promote JS之类的项目对做到更好的文件编制有所助益并且激发了对JavaScript的讨论。

2010年下半年涌现出大量的新的JavaScript的博客,同时原有的博客的关注度也大为提高。JavaScript周刊等通讯刊物高调报道了关于JavaScript的相关新闻。

必威 6

JavaScript在新闻报道中被提及的次数较之2010年以前大为增加(通过Google Trends 的统计可以看出),这一数据证明了JavaScript在主流设计领域中正日益流行。

原文:sixrevisions  译文:王五

 

赞 收藏 评论

必威 7

必威 8

 

Opera 9.0+),JQuery2.0及后续版本将不再支持IE6/7/8浏览器。JQuery使用户能更方便地处理HTML、EVENTS、实现动画效果,并且方便地为网站提供AJAX交互。熟练掌握JQuery会让你更好的使用JavaScript。

在这里,我争取用最根本的语言向大家分别说明HTML, CSS, XML, JS到底是什么,有什么用。然后我们再来看把他们组合起来是什么,有什么用。当然如果你对HTML, CSS, XML, JS有足够了解,可以直接跳过,看文章的后半部分,那里才是本文核心所在。

高内聚是指模块内部要高度聚合,低耦合是说模块与模块之间的藕合度要尽量低。前者是说模块内部的关系,后者是说模块与模块间的关系。

必威 9

来自Twitter,是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的,它简洁灵活,使得Web开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。

摘要:本文主要探讨了Web开发技术之间的关系,以及他们组合起来到底有什么用的问题。

三、WebKit内核代表作品Safari、Chromewebkit

是一个开源项目,包含了来自KDE项目和苹果公司的一些组件,主要用于Mac OS系统,它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高,导致一些编写不标准的网页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome。

 

4.JQuery

归纳、总结、提炼能力是我们进步的发动机,这种能力是可以有意识地培养的,拉卡拉电子支付公司董事长兼总裁孙陶然提到:在拉卡拉我们要求用三条说清楚任何问题就是一种能力训练,任何问题如果不能用三条说清楚说明你还没想透。

一、Trident内核代表产品Internet Explorer,又称其为IE内核。

Trident(又称为MSHTML),是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括:IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。

XSLT(eXtensibleStylesheet LanguageTransformation)最早设计XSLT的用意是帮助XML文档(document)转换为其它文档。但是随着发展,XSLT已不仅仅用于将XML转换为HTML或其它文本格式,更全面的定义应该是:XSLT是一种用来转换XML文档结构的语言。

而CSS3则是最新的CSS标准。

如果你是一个Web开发初学者,那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思,然而,随着学习的深入。当你把他们搅在一起,你又糊涂了,你会不停的问,HTML是什么?CSS是什么?XML是什么?JS是什么?它们到底有什么用?无论是网络百科,还是一些IT专题网站,又或者一些牛人博客,他们都会告诉你,某个单一的东西是什么,这类文章很多,但很少有涉及,它们组合起来是什么,有什么用。我想,我写这篇文章,就是为了说明一下这个他们很少涉及的问题。

image.pn

 

必威 10

第一部分

  1. HTML超文本标记语言 (Hyper Text Markup Language) ,是用来描述网页的一种标记语言。

    HTML

    Hello World! I'm HTML

网页文件本身是一种文本文件,通过在文本文件中添加标记,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
  HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超链接”点。超文本(Hypertext)是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。
  概括,HTML就是整合网页结构和内容显示的一种语言。

Hello World! I'm HTML

浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。
  这段内容在浏览器上显示的结果是:Hello World! I'm HTML
  我们看<p>标签上有一个id,这是<p>这个标签的唯一标识,方便别人找到它,对它进行操作。

  1. CSS 层叠样式表单(Cascading StyleSheet)。是将样式信息与网页内容分离的一种标记性语言 。作为网站开发者,你能够为每个HTML元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。这样,即设计人员能够将更多的时间用在设计方面,而不是费力克服HTML的限制。说白了,CSS就是设置网页上HTML元素属性的语言。
      CSS代码:
#hello{  
color:blue;  
} 

当把这段CSS代码应用于HTML中,它会找到id为“hello”的HTML标签,将其中的内容以蓝色显示出来;具体的插入HTML的方法这里不再赘述(说一句,只说明是什么,有什么用的问题,不关注技术细节,技术细节网上很好找)。

  1. Javascript,首先说明JavaScript和Java无关,JavaScript 是属于网络的脚本语言!那么为什么名字如此相似?这是典型的市场营销方面的成功,它的推广成功,也是借了Java的东风。当微软开始意识到Javascript在Web开发人员中流行起来时,微软还是一贯风格,建立了自己的脚本语言,JScript。
      Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的HTML页面,显示警告框,设置cookie等等。
      网页中所有的对数据进行判断、操作以及向浏览者反馈信息的本地代码实现部分均是Javascript(当然也有其他的),这样既可以使网页更具交互性,给用户提供更令人兴奋的体验,同时减轻了服务器负担。
      JS的代码如下:
function jsHello(){  
       alert('Hello World!');    
}

当把以上代码应用于HTML代码,它会在你的HTML载入时,弹出一个内容为“Hello World!”的对话框。同样,它是通过嵌入或调入在标准的HTML语言中实现的,至于如何嵌入或调入不再赘述,理由上面提到了。

  1. Xml可扩展标记语言 (Extensible MarkupLanguage),是一套定义语义标记的规则,这些标记将文档分成许多部件并对这些部件加以标识。它也是元标记语言,即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语言的句法语言。你可以把XML理解为一种数据库,例如rss就是xml的一种变体。
      XML代码如下:
<Hello>  
<bcd>China</bcd>  
<bcd>USA</bcd>  
<bcd>UK</bcd>  
</Hello>  

XML的起因是,用户受到SGML(后面再说)复杂性的挫伤和HTML的不充分。相对HTML来说,XML更追求严谨性,如果说你在HTML代码中标签比较混乱,如未关闭等,或许浏览器会忽略这些错误;但同样的事情发生在XML中会给你带来大麻烦。
  铺垫终于完了,在进入正题之前,建议大家对比着图来理解后边的内容,废话不多说,开始进入正题。

第二部分

必威 11

  这里的DOM指的是HTML DOM。HTML DOM是W3C的标准,同时它也是HTML的文档对象模型的缩写(the Document Object Model for HTML)。HTML DOM定义了用于HTML的一系列标准的对象,以及访问和处理HTML文档的标准方法。通过DOM,可以访问所有的HTML元素,连同它们所包含的文本和属性。其中的内容可以修改和删除,同时也可以创建新的元素。HTML DOM独立于平台和编程语言。它可被任何编程语言诸如Java、Javascript和VBScript所使用。HTML DOM就是HTML语言对外界开通的接口,以便其他语言能够访问或修改HTML内部的元素。
  当js需要对html元素进行操作时,DOM是一个很必要的对象。
  你便可以通过利用DOM对象构造如下代码并插入到HTML代码中的任何位置来实现。

<script>  
window.onload=function hello(){  
      document.getElementById("hello").innerHTML="Hello China!";  
}  
</script>

(web前端学习交流群:328058344 禁止闲聊,非喜勿进!)

必威 12

  当用CSS去修饰HTML中的元素,这一过程可以称为声明HTML元素样式的过程。

必威 13

  SGML标准通用标记语言(standardgeneralized markup language)。由于SGML的复杂,导致难以普及。SGML有非常强大的适应性,也正是因为同样的原因,导致在小型的应用中难以普及。HTML 和 XML同样衍生于SGML:XML可以被认为是SGML的一个子集,而HTML是SGML的一个应用。XML的产生就是为了简化SGML,以便用于更加通用的目的。比如语义Web,它已经应用于大量的场合,比较著名的有XHTML、RSS 、XML-RPC 和SOAP 。
  XHTML是可扩展超文本标识语言(TheExtensible HyperText MarkupLanguage)。HTML是一种基本的Web网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。
  简单的说,XHTML比HTML要严谨些,但又没像XML那么严重——譬如所有的XHTML标签以及属性必须要小写,属性性必须要加双引号(当然如今的浏览器不管是IE还是FF,对HTML和XHTML采取兼容措施,这也是XSS产生的根本原因),而且也可以像XML一样自定义部分标签,因此有了极大的灵活性。
  而且进入了XHTML时代,大家倡导的是CSS+DIV,这也是web2.0的基础。
  DHTML只是一种制作网页的概念,实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范,DHTML只是一种将目前已有的网页技术、语言标准整和运用,制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。DHTML就是动态的html,Dynamic HTML。传统的html页面是静态的,Dhtml就是在html页面上加入了javascript脚本,使其能根据用户的动作作出一定的响应,如鼠标移动到图片上,图片改变颜色,移动到导航栏,弹出一个动态菜单等等。
  一般如:![](pic)

必威 14

  Expression是微软为了使样式表能够在修饰HTML样式的同时执行javascript脚本而在IE浏览器中增加的一个功能,这样你可以做譬如:图片的自适应宽度,表格的隔行换色等等。
  如:img{max-width:500px;width:expression(document.body.clientWidth> 200 ? "200px": "auto");}

必威 15

  XMLHTTP最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。
  来自MSDN的解释:XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象向http服务器发送请求并使用微软XML文档对象模型Microsoft® XML Document Object Model (DOM)处理回应。
  现在的绝对多数浏览器都增加了对XmlHttp的支持,IE中使用ActiveXObject方式创建XmlHttp对象,其他浏览器如:Firefox、Opera等通过window.XMLHttpRequest来创建XmlHttp对象。
  一个简单的定义IE的XmlHttp的对象及应用的实例如下:

var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");  
XmlHttp.Open("get","url",true);  
XmlHttp.send(null);  
XmlHttp.onreadystatechange=function ServerProcess(){  
    if (XmlHttp.readystate==4 || XmlHttp.readystate=='complete')  
    {  
           alert(XmlHttp.responseText);  
    }  
}  

必威 16

  XSLT(eXtensibleStylesheet LanguageTransformation)最早设计XSLT的用意是帮助XML文档(document)转换为其它文档。但是随着发展,XSLT已不仅仅用于将XML转换为HTML或其它文本格式,更全面的定义应该是:XSLT是一种用来转换XML文档结构的语言。
  XSL-FO:XSL在转换XML文档时分为明显的两个过程,第一转换文档结构;其次将文档格式化输出。这两步可以分离开来并单独处理,因此XSL在发展过程中逐渐分裂为XSLT(结构转换)和XSL-FO(formattingobjects)(格式化输出)两种分支语言,其中XSL-FO的作用就类似CSS在HTML中的作用。

必威 17

  AJAX:异步JavaScript和XML(AsynchronousJavaScript and XML)。
  最后一个东东,它算得上是web2.0思想的心。AJAX=CSS+HTML+JS+XML+DOM+XSLT+XMLHTTP。是指一种创建交互式网页应用的网页开发技术。AJAX不是一种单一的新技术,而是有机地利用了一系列相关的技术。
  在 2005年,Google 通过其 Google Suggest 使 AJAX 变得流行起来。
  Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字时,Javascript会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。
  在AJAX中,XmlHttp用来在不改变页面的情况下传输数据,其中传输的数据即是XML,然后通过XSLT将其格式化,利用js通过dom对象将其显示到HTML中,同时利用CSS确定数据的显示及位置。
  这项技术在网络上的应用无处不在,如你的微博,你的邮箱,你的QQ空间,再如搜索引擎,电子商务平台,网络地图等等。

总结


终于完了,本文主要探讨了Web开发技术之间的关系,以及他们组合起来到底有什么用的问题。这篇文章总结得挺不容易的,期间参考了不少别人的东西,包括:还有一些大牛的博客,这里就不一一罗列了。希望对挣扎在Web开发学习前线的朋友有所帮助。如果有什么不够准确的地方,请大家斧正。

  • ##### 怎样理解内容与样式分离的原则?

 

必威 18

<meta>标签位于网站head首部中,并不会显示在实际的页面当中。主要功能是用于提高搜索引擎的优化,提高网站SEO权重。从SEO的角度来分析<meta>标签一般不要超过4个。越是简明扼要的内容越是能提高SEO的权重。
常见的meta有以下几种:(排名不分先后)
<meta name="keywords" name="关键词">
<meta name="Description" name="描述网页的主要内容">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,intial-scale=1,maxinum=scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
  前2种顾名思义较为理解,第三种则是用于实现网页的字符编码格式,第四种则是实现移动端的正常显示,第五种则多用于网站的兼容。

 

CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括:盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。CSS3对于Web前端整个页面的设计是必备的技能。

必威 19

 

随着Web 2.0概念的普及和W3C组织的推广,网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一股巨浪横扫而过,包括新浪、搜狐、网易、腾讯、淘宝等在内的大头IT企业都对自己的网站进行了重构。重要的是前端开发的入门门槛其实非常低,相比学习服务器端语言是先慢后快的路线,前端开发的学习路线是先快后慢。所以,对于想从事IT工作的人来说,前端开发是个不错的切入点。

  • ##### HTML是什么?与XML,XHTML有什么区别呢?

 

必威 20

其次从继承关系上讲,HTML是一种基于标准通用标记语言(SGML)的应用,是一種非常灵活的置標語言,而XHTML则基于可扩展标记语言(XML),它的语义也相比较于HTML,XML最为严谨规范。
  而随着HTML5的诞生以来,语义化的HTML被人们要求越来越熟知。语义化HTML是一种编写HTML的方式,选择合适的标签、使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好地解析,也方便其他开发者共同维护代码的可提升性。从侧面也可以看出语义化的要求也成为企业纳入人才的基本标准。

    #hello{  
           color:blue;  
    }

AJAX即“Asynchronous JavaScript


在 2005年,Google 通过其 Google Suggest 使 AJAX 变得流行起来。

HTML5是下一代HTML标准。

  • ###### 怎么理解HTML的语义化?

必威 21

必威 22

二、Gecko内核代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。

Gecko是最流行的排版引擎之一,仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。

<Hello>  
<bcd>China</bcd>  
<bcd>USA</bcd>  
<bcd>UK</bcd>  
</Hello>

它是轻量级的JS库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+,

首先我们浅显的把前端工程师所做的工作分为:HTML+CSS+JavaScript。一个网站的形成我们把它比作是一幢大楼,HTML决定了大楼的架构,大楼的高度,占地面积之类等等,而CSS是大楼的外表,是选择是玻璃外墙还是粉色菜式,最后JavaScirpt则是大楼的内部功能,例如,我可以通过我走路参过隔壁的楼层,理论上各司其职,HTML,CSS,JS老死不相往来,但是从一定程度上来说JS也可以决定一部分CSS的功能。而一旦JS过多的插手CSS领域,或者CSS过多的参与JS的相关工作对于代码后期的维护或者修改都有可能造成很大的损失。最后从专业的角度来看,软件的设计包括一个网站,要尽可能的遵循"高内聚低耦合"的设计理念。

Xml 可扩展标记语言 (Extensible MarkupLanguage),是一套定义语义标记的规则,这些标记将文档分成许多部件并对这些部件加以标识。它也是元标记语言,即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语言的句法语言。你可以把XML理解为一种数据库,例如rss就是xml的一种变体。

时刻学习最新的前端框架也是Web前端工程师的必备技能哦!

四、Presto内核代表作品OperaPresto

是由Opera Software开发的浏览器排版引擎,供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎,包括加入动态功能,例如网页或其部分可随着DOM及Script语法的事件而重新排版。

  • ###### 列出常见的标签,并简单介绍这些标签用在什么场景?

    <img/>图片标签:单标签,主要用于图片引入.有相对路径和绝对路径两者方式。
    <hr/>标签:单标签,页面显示一条线。
    <br/>换行标签:单标签.主要用于换行,其中“/”可以省略
    <a>超链接标签</a>:超链接标签。内容有“href=“引入网页”
    <p>段落标签</p>:主要用于段落的开始。
    <ul><li>无序列表标签</li></ul>:用户创建无需列表,li可以嵌套ul
    <ol><li>有序列表标签</li></ol>:有序列表标签,用于创建有序列表。
    <title>头部标签</title>:用于显示网站头部标题
    <body>网站主题</body>:用户显示网站主题内容,管理大部分标签
    <table>表格标签</table>:用于显示一个表格,在HTML5被抛弃。
    <input>表单标签</input>: 用于创建表单元素。
    <h1>~<h6>用于显示大小不同标题。
    

最后:文章内容部分来自网络,作者在理解的基础之上锻炼了资源收集的能力,如有发现内容有所出入请在下面评论区及时联系作者。
如你想了解更多关于HTML相关知识请移步至:
<a href=";
<a href="; 聊一聊编码与乱码</a>
<a href="; Web browser engine</a>

    <html>  
        <head>  
            <title>HTML</title>  
        </head>  
        <body>  
            <p id="num1">Hello World! I'm HTML</p>  
        </body>  
    </html>  

And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,可以在不重新加载整个网页的情况下,对网页的某部分进行更新。AJAX开发人员必须理解传统的MVC架构,这限制了应用层次之间的边界。同时,开发人员还需要考虑C/S环境的外部和使用AJAX技术来重定型MVC边界。最重要的是,AJAX开发人员必须禁止以页面集合的方式来考虑Web应用而需要将其认为是单个页面。一旦UI设计与服务架构之间的范围被严格区分开来后,开发人员就需要更新和变化的技术集合了。实现网站交互必须熟练掌握AJAX。

  • ###### 常见的浏览器有哪些,什么内核?

 

那么需要具备哪些技能才算得上一个合格的Web前端工程师呢?

导致乱码的主要原因是开发者书写的编码格式和浏览器的解码格式不相同所导致。也有可能是没有在meta所做声明。所以我们找到编码和解码的格式是否相同是解决乱码的关键。当然也不排除有下面这种情况的发生:

JavaScript 是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的 HTML页面,显示警告框,设置cookie等等。

2.CSS3

  • ###### 浏览器乱码的原因是什么?

 

尽管,HTML5仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5支持。所以,未来HTML5是成为Web开发的标配。精通HTML5是必须掌握的一项技能。

文档声明必须是HTML文档的第一行、且顶格显示,对大小写不敏感HTML文档通常以类型声明开始,该声明将帮助浏览器确定其尝试解析和显示的HTML文档类型。
  以早期的HTML头文件说起,分为HTML Strict DTD(请求比较严格的HTML类型)HTML Transitional DTD(相对严格但是不规范)Frameset DTD(框架标准)最后则是我们现在绝大多数使用的<!DOCTYPE html>(H5的标准)。 ** 越是严格的要求在一定程度上则越是限制了内容的活动性!** 随着HTML5格式化的标准大众的浏览器所接受,而上面所提到的<!DOCTYPE html>是为了告诉不同的浏览器要以同样的方式渲染HTML5界面。

 

5.AJAX

  • ###### 有哪些常见的meta标签?

 

HTML5、CSS3、JavaScript、JQuery、AJAX、Bootstrap这六大技能,

在维基百科中说:HTML是超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。
  XML是相比较与HTML是一种可扩展标记语言,主要用于存储数据和结构参考;在语义上也比HTML所有所严肃规范。

 

必威 23

1.png

网页中所有的对数据进行判断、操作以及向浏览者反馈信息的本地代码实现部分均是javascript(当然也有其他的),这样既可以使网页更具交互性,给用户提供更令人兴奋的体验,同时减轻了服务器负担。

3.JavaScript

  • ###### 文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?

    <html ch="en"></html>
    <html xml:lang="en-EN" lang="en-EN">
    

我们看<p>标签上有一个id,这是这个<p>标签的唯一标识,方便别人找到它,对它进行操作。

1.HTML5

本文由必威发布于必威-前端,转载请注明出处:在2010年中标记标准有巨大的发展必威,未来HTM

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。