您的位置：首页 > Web前端 > HTML5

HTML5学习摘记

2016-01-18 14:05 483 查看
页面由HTML+CSS实现，如果有交互便需要JS的介入，其中：对于真实的业务来说，HTML&CSS是零件，JS是搬运工，数据是设计图与指令。JS要根据数据指令将零件组装为玩具，用户操作了玩具导致了数据变化，于是JS又根据数据指令重新组装玩具我们事实上不写代码，我们只是数据的搬运工。万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改.
2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。1.简洁的文档声明：<!doctype html>2.html元素,如包含lang属性时：<html lang="en"> </html>3.head元素，如定义字符编码的第一行，可简化为<meta charset="utf-8">4.HTML5的一些编程惯例：
4.1 所有元素和属性都小写，以便与前期XHTML等兼容；
4.2关闭所有包含内容的元素，除非不要求用结束标记；
4.3给属性值添加引号；
4.4元素没有任何内容时，可以删除尾部反斜杠；
4.5避免为布尔属性提供多余值。5.HTML5的新增元素：
5.1 header，即一组前言或导航助手。
5.2 section 表示文档或应用程序的通用部分，在此上下文中，一节就是一组专题内容，并通常带有标题。
5.3 article 表示在文档、页面、应用程序或网站中自我包含的部分，从原则上讲，是独立分布和重复使用的。例如，在企业联合组织中。
5.4 nav 表示一组导航链接。
5.5 aside表示页面的某一部分与其他内容无关，将这部分内容放在aside元素中，可认为它独立于其他内容。
5.6footer表示最近部分内容的页脚。6.hgroup元素告诉用户代理嵌套在里面的标题形成了一个复合标题，其中h1是主父元素。7.figure与figcaption 可以用于注释文章主要内容中的插图，图表，照片和代码清单等，但是它们在不影响文件流的情况下，可以移到其他主要内容中，例如，移到页面的一则，专用页面或附录。8.mark元素表示文档的一部分由于可能与用户当前活动相关，已被突出显示。9.progress用来描述程序进展过程完成的当前状态，无论完成状态是否被定义。下载进度条即是一种示例。
meter表示一个已知其范围的元素，意味着它具有明确的最大、最小值。10.time元素被专门设计用来处理人与机器读取时间和日期有误差的问题。11.details用于标记文档的隐藏部分，而且可以扩展显示附加信息。12.required属性告诉浏览器只有正确填写了问题字段，才能提交表单。13.placeholder属性允许显示简短的提示，如果空间允许，将告诉用户在字段中应输入什么数据。14.pattern属性能够提供一种正则表达式，使用户的输入与之匹配才能视为有效。15.正则表达式，又称正规表示法、常规表示法（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。在很多文本编辑器里，正则表达式通常被用来检索、替换那些符合某个模式的文本。
许多程序设计语言都支持利用正则表达式进行字符串操作。例如，在Perl中就内建了一个功能强大的正则表达式引擎。正则表达式这个概念最初是由Unix中的工具软件（例如sed和grep）普及开的。正则表达式通常缩写成“regex”，单数有regexp、regex，复数有regexps、regexes、regexen。16.disabled属性使在浏览器中的内容变灰。17.readonly属性使用户不能够编辑表单字段。18.multiple属性表明在表单控件中可以输入多个值。19.form属性允许表单元素与没有被嵌套的表单相关联。20.autocomplete属性指定不管是表单，还是表单控件，都应有一个自动完成的功能。21.datalist元素与select元素类似，是一个选项列表，每一个选项都放置在option元素中。然后可以使用imput元素的list属性将datalist与一个输入相关联。list属性将与输入相关联的datalist的id属性作为其值，。一个datalist可与若干个输入字段相关联。22.autofocus属性指定在页面加载完成时，表单控件应被对准焦点。23.HTML5共有13种新输入类型：search,email,url,tel,datetime,date,month,week,time,datetiem-local,number,range,color.24.output元素可以接受并显示计算的结果。25.keygen元素是生成公共-私有密钥对，并提交密钥对中公共密钥的控件。26. 由于IE9以下的版本不支持HTML5,故可以在JS中使用如下标记使之兼容。即IE增加的补丁，但CANVAS等仍得不到支持的。


27. 有些CSS3的特性在成为标准前，需要增加浏览器供应商的前缀才能运行。常用的有以下前缀：
Gecko内核　　  css前缀为"-moz-"　　 火狐浏览器
Presto内核 　　 css前缀为"-o-"             Opera(欧朋),NDSBrowser
WebKit内核　　css前缀为"-webkit-"    Comodo Drangon(科摩多龙)，苹果，搜狗高速浏览器3，快快浏览器，枫树浏览器，云游浏览器，360极速浏览器，世界之窗极速版，SRWare Iron，猎豹浏览器，RockMelt，QQ浏览器
Trident内核　　css前缀为"-ms-"           IE，360极速浏览器，猎豹安全浏览器，傲游浏览器，百度浏览器，世界之窗浏览器，2345浏览器，腾讯TT，淘宝浏览器，采编读浏览器，搜狗高速浏览器，阿云浏览器，瑞星安全浏览器，Slim Browser，GreenBrowser、爱帆浏览器，115浏览器，155浏览器，114浏览器，N氧化碳浏览器，糖果浏览器，彩虹浏览器，瑞影浏览器，勇者无疆浏览器，闪游浏览器，蚂蚁浏览 器，飞腾浏览器，速达浏览器，佐罗浏览器，海豚浏览器（iPhone/iPad/Android），UC浏览器




                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航