当前位置: 首页 > Web前端 > HTML

HTML5构建和编程的一些技术理解

时间:2023-04-02 23:45:24 HTML

HTML5时代已经到来,是所有前端构建、生产、设计和开发人员的福音。HTML5致力于解决跨浏览器问题,可以部分替代JavaScript。HTML5致力于将浏览器变成一个前端执行菠菜程序的环境,而不是一个简单的视图工具。第一部分是了解HTML和XHTMLHTML——超文本标记语言(HyperTextMarkupLanguage),它的发展历史比较复杂。HTML于1991年底推出。当时,HTML并没有严格的定义。一路走来,HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、XHTML1.0。XHTML可以说是千锤百炼。XHTML-eXtensibleHyperTextMarkupLanguage(扩展超文本标记语言)。HTML4.0.1和XHTML有很好的兼容性,XHTML是一种更严格、更纯粹的HTML代码。我们习惯性地认为HTML是一种结构化的文档,但实际上HTML的语法是非常自由和包容的(主要是各种浏览器纵容的结果)。违反了结构化文档的规则,但是用浏览器浏览这个文档时,还是可以看到浏览效果的——这就是html不规范的地方。虽然XHTML致力于消除此规范,但XHTML要求HTML文档必须首先是XML文档。通常,计算机中的浏览器可以处理各种非标准的HTML文档,但是现在很多浏览器运行在手机和手持设备上,它们无法处理那些糟糕的标记语言。第二部分:从XHTML到HTML5WHATWG(Web超文本应用技术工作组,WebHypertextApplicationTechnologyWorkingGroup)制定了一个新的HTML标准,HTML5。大量调查表明,即使在一些正规网站中,也很少有网站能够通过HTML规范验证。只有6.57%的网站符合HTML规范验证。如果再考虑那些鲜为人知的网站,几乎整个Internet都充斥着非标准的HTML页面。现有的HTML页面中有大量不符合规范的有以下4种:1.元素的标签大小写混合。例如:

。2.元素没有合理结束的情况。例如:只有

没有

。3.元素中的属性没有指定属性值。例如。4.为元素的属性指定属性值时不使用引号。例如:<输入类型=文本>。出于“存在即合理”的考虑,WHATWG组织开始定义一个“妥协”的规范:HTML5。HTML5成人版以上的不规范符合规范。HTML5是妥协的规范实现。HTML5的优点:从HTML4.0.1、XHTML到HTML5,不是革命性的升级,而是从规范到习惯的妥协,所以从HTML到HTML5的过渡是非常容易的。1.解决跨浏览器问题。跨浏览器问题绝对是永恒的“噩梦”。HTML的出现可能会改变这种情况。目前,各种主流浏览器如:IE、Chrome、Firefox、Opera、Safari等都对HTML5表现出了极大的热情。如果所有的浏览器都遵循HTML5规范,那么以后前端程序员开发HTML+CSS+JavaScript页面会更加容易。2.部分替换了原来的JavaScript。比如HTML5以前要实现:打开一个页面后,让某行文本框立即获得焦点,需要通过javascript来实现,现在只需要加一个属性(autofocus)即可。3.更明确的语义支持。(1)HTML5提供
...
;;
...
;
...
;;
...
取代以往只能通过div实现的文档结构。(2)HTML5提供了两个新元素标记语言提供了比原始(em表示强调的内容,但不清楚是哪种强调)。4、增强了WEB应用的功能。长期以来,HTML一直受到严格限制。客户端从服务器下载HTML页面数据,浏览器负责渲染HTML页面数据。为了客户端安全,以前的HTML在安全性上已经足够安全了。因此,我们需要通过JavaScript等其他方法来增加HTML的功能。HTML5中的语法变化1.标签不再区分大小写。2.元素可以省略结束标签。3.允许省略属性值的属性。4.允许属性值不带引号。(但是HTML5强烈建议在这个特殊的属性值包含空格等容易造成浏览器混淆的属性值时用引号括起来)