html5 css3 js总结篇和css和js怎么使用

html5 一个 模版含有一些css和js文件 WEB(ASP,PHP,...) 238万源代码下载-
&文件名称: html5
& & & & &&]
&&所属分类:
&&开发工具: HTML
&&文件大小: 86 KB
&&上传时间:
&&下载次数: 0
&&提 供 者:
&详细说明:一个html5模版含有一些css和js文件-A html5 template contains some css and js files
文件列表(点击判断是否您需要的文件,如果是垃圾请在下面评价投诉):
&&html5&&.....\.gitattributes&&.....\.gitignore&&.....\.htaccess&&.....\404.html&&.....\CHANGELOG.md&&.....\CONTRIBUTING.md&&.....\LICENSE.md&&.....\README.md&&.....\apple-touch-icon-114x114-precomposed.png&&.....\apple-touch-icon-144x144-precomposed.png&&.....\apple-touch-icon-57x57-precomposed.png&&.....\apple-touch-icon-72x72-precomposed.png&&.....\apple-touch-icon-precomposed.png&&.....\apple-touch-icon.png&&.....\crossdomain.xml&&.....\css&&.....\...\main.css&&.....\...\normalize.css&&.....\doc&&.....\...\TOC.md&&.....\...\crossdomain.md&&.....\...\css.md&&.....\...\extend.md&&.....\...\faq.md&&.....\...\html.md&&.....\...\js.md&&.....\...\misc.md&&.....\...\usage.md&&.....\favicon.ico&&.....\humans.txt&&.....\img&&.....\...\.gitignore&&.....\index.html&&.....\js&&.....\..\main.js&&.....\..\plugins.js&&.....\..\vendor&&.....\..\......\jquery-1.9.1.min.js&&.....\..\......\modernizr-2.6.2.min.js&&.....\robots.txt
&输入关键字,在本站238万海量源码库中尽情搜索:如何通俗易懂地向初学者通解释 jQuery、CSS3 和 HTML5 的关系?
按投票排序
HTML是由多种骨头(标签)组成的骨架。HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.CSS是皮肤。CSS3是更美的皮肤JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)jQuery是把一组常用动作编排成了一个招式。(例如吃饭这个动作里面编排了:拿起勺子,挖一勺饭,把勺子贴近嘴,张嘴,勺子送进嘴,勺子拿出嘴,咀嚼.)-------------------------------------------------------------------------------------------------------------------------------以下的东西等他学完JS后,如果问 jQuery 和 JS 有什么区别?,jQuery能不能取代JS?你再告诉他这个。用招式(jQuery)跟电脑沟通更方便,不过招式(jQuery)是用单个动作(JS)组合而成的,所以永远不可能取代单个动作(JS)招式(jQuery)编排了很多常用的动作(比如跑步,吃饭,跳跃,下蹲)。但是如果需要某些高难度动作(比如 空中转体720°用脸着地),而招式(jQuery) 里还没有编排。那就需要自己用单个动作(JS)来组合一个。
把整个过程比喻成组装一个机器人的过程HTML是这个机器人的支架 骨骼 关节 什么的CSS是这个机器人外部的涂装 用什么颜色 什么主题(荧光白 钻石红)什么的JS是控制这个机器人行为的 让他抬胳膊 开火 行走 跑步 等等HTML5是一种新型材料 组成的支架 更耐用 更简洁 更清晰 同时提供一些可以调用的新的牛逼的行为(JS API) 比如 获得该机器人坐标 自动缓存数据 绘图功能 等等CSS3是一种改进版涂装 更轻 渲染更快 颜色更加绚丽 Jquery是基于JS封装好的控制行为的库 用这种指令 就可以更快的写出控制机器人行为的内容 用这种东西 写出的指令 开发人员可以节省时间 提高效率 但是没有原生的动作(JS) 他什么都做不了你完成的网站或者web APP就是组装好的机器人 如果你用的是先进的HTML5和CSS3完成的机器人 有一个悲剧就是 只有在高级作战环境下才能全部发挥作用() 如果是低级环境(牛逼哄哄的ie6等) 你的机器人就是一坨废铁
我们看到的网页是由3个部分组成的,html,js和css。木偶戏大家都看过吧,我们可以拿木偶戏类比。 html就是网页的结构,类似于木偶的骨骼,或者说一个光秃秃的木偶。css是网页的样式,可以把它想象成木偶穿的衣服。同样的木偶,穿上不同的衣服就有不同的样子,类似的,同样的html,有不同的css就可以显示不同的样式。js是控制交互的,可以通过js操作网页的交互(比如点击之后出弹窗之类的),可以把它想象成控制木偶的线,让木偶做出各种动作。下面看题主问的:jQuery,css3,html5。 jQuery你可以当成js的一种,css3就是新一代的css,html5就是新一代的html。 这样跟初学者说应该能懂吧……当然了,上面的比喻有不恰当的地方。不过对于初学者来说,应该够了吧。初学者最重要的是不要困在某个细节里,而是能对自己要学的东西有个整体的印象,建立起大致的框架。所以js,html,css大概知道它们之间的关系就好了,至于具体的功能,学着学着就明白咯~
假如你是陈真html就是你的骨头css就是你训练出那么完美的肌肉js 就是你打别人的基本招式
踢啊 什么的演电影是需要节省时间以及特效的
因此导演将常用的漂亮动作 弄成一套----- &密宗拳&这就是jquery---仅仅是为了 少写一点,效率高一点那么css3 html5 就是甄子丹版的陈真 画面效果更逼真 更好看
超文本标记语言(英文:HyperText Markup Language,HTML) 是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。1982年由蒂姆·伯纳斯-李创建,由IETF用简化的SGML(标准通用标记语言)语法进行进一步发展的HTML,后来成为国际标准,由万维网联盟(W3C)维护。层叠样式表(英语:Cascading Style Sheets,简写CSS) ,又称串样式列表,由W3C定义和维护的标准,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言。目前最新版本是CSS2.1,为W3C的候选推荐标准。CSS3现在已被大部分现代浏览器支持,而下一版的CSS4仍在开发过程中。上面这段引用自维基百科对
解释,简单地向我们阐述了什么是HTML和CSS,但是如果你从来没有接触过它们,那请继续往下看。来观察一下你在哪里见过HTML和CSS其实任何一个使用过电脑的人几乎都经历过 HTML 与 CSS,只是可能我们并不知道而已,看下面这些场景:胡总QQ收到新闻消息,说是XX艺人有OO绯闻,这正对胡总胃口,于是就点了一下那个消息窗口,这个时候就自动的弹出了IE浏览器(是的,胡总的电脑还是XP的默认配置),然后看到了一个网页 A 。刘哥喜欢财付通,还我钱的时候习惯性的点一下QQ上面的那个我的钱包,然后打开一个对话框 B 。刘哥又没钱了,我也没钱,然后他打开它的QQ邮箱 C 给胡总发了一封邮件 D ,里面用很红的大号字写着:借我十块钱吃早饭。看看上面的 A,B,C,D 四种情况,其实都和 HTML+CSS有关,怎么知道它有关?很简单,A会打开一个网页,其实B也是一个网页,只不过不是IE打开的而已,C一般也都是进邮箱的网页界面,而D,看那个情景的最后面说的: 很红的大号字 ,这也可以知道 HTML+CSS与这肯定有关,虽然你可能还没有发现,但是很简单,在上面的任何一种情景下点击鼠标后键,你肯定会看到一个 查看网页源代码 或者意思与之相近的选项,点击它,你就会看到类似下面这样的开头的文字:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-hans" version="XHTML+RDFa 1.0" dir="ltr"&
&head profile="http://www.w3.org/1999/xhtml/vocab"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
你现在所看到的就是HTML,它是一种超文本标记语言,它的文档类型为HTML或者相似的如 XHTML 等,我们可以打开任何一个网页(网页都是由 HTML构成的),将它另存为,如果不你作任何修改的话,那么你将会得到一个以 .html 结尾的文档, .html 是最常见的 HTML 文档后缀,同时使用的还有 .htm ,这是在 DOS 时代,系统最长只能接受三位的后缀,但是现在的你,应该使用 html 。那CSS又在哪里呢?你问对了,在上面的四个情景下,要说的话,最后那个 很红的大号字 应该算是最容易说明 CSS 相关性的了,你可以试试,如果你也使用QQ邮箱(其实一般的情况都是可以的),先输入“给我借十元钱吃早饭”这段文字,然后选择它,再点击上面的编辑工具条(这个和Word/WPS等编辑器是很相似的,只不过它是网页版的),点击 Tt 这个按钮,选择 最大 这个选项,这会把上面这段文字放得到大,然后点击那个有一个颜色下边框的大写的 A 的按钮,选择大红色,这个时候就成了:很大的大号字了。现在关键的地方来了,点击那个工具条的 &HTML& 按钮,可以查看到邮件的源代码,可以看到(饿……)原来不是CSS:&font size="6" color="#ff0000"&
给我借十元钱吃早饭
上面这个还是HTML,不过我们可以看到里面有 color="#ff0000" 这样的(本来还以为会使用标准的CSS呢),这个就表示,这个里面的文字的颜色为 #ff0000,而 #ff0000 是什么?这个以后会说,在这里就直接告诉你,它表示红色,虽然CSS没看着,不过没关系,把上面那三行删除掉,然后把下面这三行复制到删除的位置,再点一下编辑框的左上角的 返回编辑器 的按钮,你会发现,字还更大了一点,颜色也是红色:&div style="font-size: 3 color: #ff0000"&
给我借十元钱吃早饭
这是为什么呢?在这里, style="font-size: 3 color: #ff0000" 这一段就是CSS示例了,它的作用就是样式化HTML元素,在上面的示例中,它样式化了它所属于的那一个 DIV 元素(什么是HTML元素?后面慢慢地说,在这里 DIV就是一个元素),让它的文字大小为 3em (font-size: 3em),文字颜色为 红色 (color: #ff0000) 。到现在为止你应该明白一点了:HTML构成网页,而CSS样式化HTML元素,所以,CSS样式化网页,你现在也应该清楚的知道了,网页都是由HTML构成的,然后,再想想,CSS是必须的吗?简单的解释一个网页我们现在先使用一个纯文本编辑器(如果你使用的是Windows系统,那么就打开记事本软件)新建一个文件,另存为 demo.html ,然后将下面这一段代码复制进该文件,再保存:&!DOCTYPE html&
&html lang="zh-CN"&
&meta charset="utf-8" /&
&title&示例网页&/title&
&h1&示例网页&/h1&
&p&这只是一个很简单的示例网页而已,它来自 &a href="" title="Matrix Stack"&Matrix Stack&/a&。&/p&
保存之后,再双击该文件看看。发现没,双击它,并不会再打开记事本,而是打开了一个浏览器(你系统当前所设置的默认浏览器),浏览器里面有两行内容,一行是字体大一些的,内容为 "示例网页" ,而下面的那一行则是字体小一些的一句话,类似下面这样的效果这只是一个很简单的示例网页而已,它来自
。为什么我们会看到这样的内容,我们输入的那些如 &html& 或者 &h1& 这些内容都云哪里了呢?如果你发现他们不见了,那就像前面说的一样,在现在的这个网页里面点一下鼠标的右键,然后点击查看源代码,你会发现,源代码就是你输入的那一段字符。在上面的这个示例中,那些在网页里面看不到的内容都是属于 HTML 标签,或者称之为HTML元素,比如 &h1& ,它就是一个HTML标签,HTML有很多个不同的标签,不同的标签有着它存在的特殊意义,比如 &h1& 表示“一级标题”,或者 Heading 1 ,在HTML中,标题有六级,分别为 h1 至 h6 ,同样的在上面的示例中,那些 &p& ,*&body& 等等的也都是HTML标签。我们打开任何一个网址,其实就是浏览器在帮你向网络上的某一台服务器请求数据,而一般情况下,如果请求到的数据浏览器直接为你显示出来了,那么请求到的数据一般就是HTML文档(为什么说一般就是HTML文档,而不是说肯定就是HTML文档?),就是上面这个示例中这样的文字,如上面所说的,因为HTML标签都是有特殊的意义的,浏览器会把每一个标签按它所表示的 意义 展示 给浏览器使用者,这里说的展示,并不表现在直接把那些文字显示出来,比如,你可以做一个下面这样的示例,在上面的那个 demo.html 文件中的示例网页那一行下面,加上下面这一行:&h2&示例网页&/h2&
&h3&示例网页&/h3&
保存之后,再使用浏览器打开,你就会发现,同样的文字,因为使用的HTML标签不同,它的字体大小不同了,这种不同就是浏览器给这些标签作出的解释,当它遇到&h1& 之后,就知道了,这里面的内容是一个一级标题,我需要把这个文字加粗,并且以最大号儿的字体显示,但是 &h1; 这个是HTMl标签,这个文字就不需要显示。那么CSS在哪里呢?再来修改一下 demo.html 这个文件,把 &h1; 这一行改成下面这样的:&h1 style="color: #ff0000; "&示例网页&/h1&
再使用浏览器打开该文件,你会发现,示例网页这四个字现在变成了红色的了,在这里,你输入的 style="color: #ff0000; " 就是一行CSS代码,从前面关于那个QQ邮箱的示例中你应该已经知道了,这表示这个HTML元素里面的文字要以红色显示,看到没,CSS样式化了HTML元素,我们再来改一下这一行,改成下面这样的:&h1 style="color: #ff0000; font-size: 12"&示例网页&/h1&
使用浏览器打开该文件,看到什么效果了?是不是除了把这四个字改成红色之后,字体还变得很小了?稍稍深入理解一下HTML与CSS在上面的这个示例中,我们创建了一个一级标题,一个二级标题,一个三级标题,以及一个段落( &p& 创建的 ),最开始一级标题很大,还是加粗的,颜色为黑色,后来我们改成了红色,最后连字体都改成了很小的,那么在我们做这些修改之前,为什么 h1 就比 h2 大呢?原因很简单,还记得前面说过的浏览器看到HTML标签之后,会根据它的意义展示出该标签的内容,浏览器对于 h1 标签,它把字体大小改大,再把文字加粗等等,其实就只是为 h1 指定了一个默认的CSS样式,虽然你没有明示,但是浏览器却知道,现在开始,你需要安装一个谷歌浏览器(如果不知道怎么安装,那你就别再继续往下看了,学学电脑基础知识要紧),然后使用谷歌浏览器打开 demo.html 这个文件(请先把该文件还原成为上面未修改过的那个版本,也就是最开始保存的那个版本,只有一个一级标题和一个段落),打开该文件之后,你也会看到和前面类似的网页,现在在 示例网页 四个大字上面点鼠标后键,再点击弹出菜单中的 审查元素 选项,这会在浏览器的最下方打开一个分为两栏的子窗口,后边的你应该一看就明白,那就是你的网页源代码,而右侧,有很多选项,点击第一项 Computed Style 这一项,你就会看到下面这样的内容:display:
font-size: 32
font-weight:
height: 38
width: 935
上面这段内容中的 width: 935px 可能不一样,为什么不一样?这一段代码就是CSS样式,但是我们并没有指定过任何样式,为什么会有?这是因为浏览器会为每一个HTML标签根据其意义添加默认的样式,而上面这一段CSS样式就是谷歌浏览器为 h1 标签添加的默认样式,这个时候你应该知道为什么在上面我们能把它的字体改成很小了吧?还记得吗?我们把 h1 的 font-size 设置为 12px 之后,字体就变小了,这是因为新的样式会把旧的样式覆盖掉,所以,在上面的示例中,12px 会覆盖掉32px,所以,字体会变小。HTML与CSS的版本HTML与CSS就像我们常常使用的软件一样,也是有它们自己的版本的(比如我们中国人用得最多的软件QQ就有什么2011版,2012版或者2013版等),对于HTML来说,不同的版本体现在它们有很一些特有的标签,或者同一个标签的意义不一样,而对于CSS来说,不同的版本可能有它们各自特有的属性,事物总是处于发展的过程中,而且一般都是向好的方向发展,HTML与CSS也一样,新的版本总是提供了很多的功能与特性以满足现代的需求,比如最开始网页不能播放视频,然后可以了,但是在网页里面加一个视频很麻烦,而现在,不但可以播放视频了,而且加入一个视频也变得很简单;以前我们如果想做一个美观的网页很麻烦,而现在,什么3D技术,动画等等都可以通过CSS很简单的实现,所以,对于版本而言,如果你是一个新手,我建议你直接进入到最新版本中来,而我绝大多数情况下,也都是只讲最新的版本,但是由于最新版本并不是任何一个浏览器都能很好的支持,所以,如果你将来以这些技术为职业,那可能还需要自己云研究其它版本,或者兼容方案,比如在HTML5中,有一个&nav& 标签,它表示导航,这在HTML5以前是不存在的,所以不支持HTML5的浏览器看到这个标签之后就不知道怎么办,那么我们要么改用其它替代标签,要么使用一些特殊的方法告诉老的浏览器应该怎么办。如何查看以及如何定义一个HTML文档的HTML版本比如下面这个示例:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-hans" version="XHTML+RDFa 1.0" dir="ltr"&
&head profile="http://www.w3.org/1999/xhtml/vocab"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
这个是某一个网站的HTML代码片段,中间省略了很多,该网页所使用的HTML版本可以从第一行查看到,即:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"&
不过有一个好消息是你以后写任何一个HTML文档都不再需要在网页里面加入这么长的一串了,只需要像下面这样即可:&!DOCTYPE html&
最新的HTML5只要求你声明该文档的类型为HTML即可,不再需要指定HTML的确切版本,不用担心老浏览器不兼容,它们都会知道这是什么东西。一点小小的扩展在上面的所有这些示例中,我们都将CSS样式写在HTML标签里面,作为它们的一个属性,该属性名称为 style ,但是,这仅仅只是示例,在以后的文章中,有可能还会出现这种方式,但是请记住,这并不是说我们就应该这么写,而正好相反,我们不应该这么写,原因在于:HTML是用来定义文档结构的,我们不应该在文档结构中写入它的样式,而应该将它们分开,我们称之为结构与样式分离,从而达到内容与样式分离,简单的实现方法就是把CSS样式写进一个单独的以 .css 为后缀的文件中,然后在HTML文档中使用一个 link 标签将该CSS文档引入到HTML文档中来,这样我们如果想修改HTML中元素的样式就不需要修改HTML文档了,而仅仅只需要修改它的样式文件即可,这将在以后的文章中有更详细的介绍。
HTML5是HTML的第五次重大修改,感兴趣的同学可以看看我之前的回答:都说无图无真相,我们不妨结合一张非常形象的解构图来进行说明:你没有看错。此处引用的例子,正是人类历史上最伟大的发明之一——女士内衣,aka. Bra。对照此图,相信能帮助大家更快理解我的意思。假设我们现在用HTML、CSS3、jQuery设计一款Bra,那么在制作初期,我需要用HTML来设定我要做什么样的衣服,大衣,T恤,牛仔裤,或者Bra。如果我决定用HTML来设计一款Bra,那么,在我需要定义的内容有这款Bra包括:肩带、罩杯、钩扣等部件,这种基础信息。接下来,我还需要加入更为细节的内容,我利用CSS进行定义Bra的颜色和款式等信息,如:挂脖式、全杯、半杯等等款式,或者蕾丝,无痕肉色等细节。我们知道在制作静态网页时,使用HTML和CSS已经能够为用户呈现出绚丽的效果,但如果网页需要和用户有互动就会需要用到脚本语言,例如js,如果我们追求更好的用户体验,我们希望网页在不刷新页面的情况下就与服务器端进行交互,那么我们需要一个支持Ajax的js库,目前使用比较多的是jQuery。再回到Bra的话题上,如果我们需要一款Super Bra,希望女性朋友在使用它的时候,无需更换数个Bra,仅仅靠触动Bra上某个按钮后立刻具有聚拢效果或者提升效果,那就是我们这款使用HTML、CSS3、jQuery设计的Bra需要用到jQuery完成的部分。总结一下,HTML、CSS、jQuery三者中,最基础的是HTML,CSS和jQuery,三者都是作用于HTML上的技术,CSS擅长处理web应用种的页面布局,或者说让页面更加好看,jQuery擅长处理交互,或者说让web应用更加易用、人性化。希望我这样讲你能够明白。
html5就是原本的你,而加上了css就像去了一趟韩国的你,连你的EX都认不出你了。而JQUERY则是你想让自己变得更好,于是就去学了女仆舞、肚皮舞、钢管舞、瑜伽、普拉提、插花、茶道、厨艺等等。
打开一个网页,把css禁了就一目了然了。
庸俗的比喻:HTML是身体CSS是衣服身体没有衣服就是裸奔
把网页比作房子,html就是房子的水泥架构,css就是装潢,jquery就是电器等动态的东西
已有帐号?
无法登录?
社交帐号登录安全检查中...
请打开浏览器的javascript,然后刷新浏览器
< 正在遭受攻击,请稍等片刻.
还剩 5 秒&前端免费教程
慕课网(IMOOC)是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性,并且你可以和朋友一起编程。
jQuery API中文文档
适用jQuery 1.0 – jQuery 1.10.2,jQuery 2.0 – jQuery 2.0.3,翻译至官方文档,并且跟随官方文档持续更新。
跟牛人学前端
跟牛人学前端
前端最新课程体系
妙味课堂2016年JavaScript课程大纲震撼升级、全栈来袭!
前端最新干货
前端最新干货
近期最热文章
- 3,357 - 3,025 - 524疯狂Html+CSS+JS 中HTML5总结 - 推酷
疯狂Html+CSS+JS 中HTML5总结
1. HTML5简介
HTML,Hyper Text Markup Language.(How To Make Love - -.)
&!DOCTYPE html&
作者的愤怒.
不要再&html&和&head&、&/head&和&body&还有&/body&和&/html&插任何内容.
验证HTML是否符合规范
2. HTML5常用标签和属性.
2.1 HTML常用属性
2.1.1文本格式化元素
&strong&|&b&:
文本方向 设定属性dir为ltr/rtl(反着来)
2.1.2 语义相关元素
表示缩写,可定义title,表示全写,鼠标移上去会显示一次title.
&address&:
表示地址,会斜体显示.
&blockquote&:
表示定义引用很长的文本,会缩进显示,属性有cite指定该文应用的url.
定义短的引用文本.
表示作品(书,电影,歌曲).
定义专业术语,一般会粗体/斜体显示.
: 表示删除的文本,一般会中画线显示.
定义文档插入的文本,一般会下画线显示.
del和ins结合使用有文档修订的效果,这两个属性都有cite定义一个url解释删除/插入的原因,datetime表示删除/插入的时间.
表示元素内已经预格式化了,该标签内的空格 回车 tab和其他格式的字符都会比保留下来.
用于定义示范文本内容.
定义变量,一般斜体显示.
2.1.3 超链接和描点
href: 关联资源.
scheme://host.domain:port/path/filename
scheme(因特网服务类型): 常见有https http file ftp.还有
1. news: 访问新闻组上的文件.
2. telnet: 访问Telnet连接.
3. gopher: 访问远程Gopher服务器上的文件.
4. mailto: 发送邮件
host: 指定此域中的主机,HTTP默认主机为www.
target: 如何显示关联资源
2.1 _self: 自身.
2.2 _blank: 新窗口.
2.3 _top: 顶层框架 一般用于含有iframe等标签的时候使用.
2.4 _parent: 父层显示.
media: 指定媒体类型(HTML5新增).
name: 命名描点.
&a name=&K&&
2.1.4 列表相关元素
2.1 start: 起始数字 1/A等.
2.2 reversed: 反着排序.
标题列表项.
定义普通列表项.
2.1.5 图像相关属性
img新增usemap属性.
定义图片映射,包含多个
定义图片映射区域.特殊属性有
2.1 shape: 默认为rect 还有circle和ploy属性.
2.2 coords: 多个坐标,确定区域位置.
2.3 href: 链接资源.
2.4 alt: 提供图片信息.
2.5 target.
2.6 media.
&img usemap=&#test& .../&
&map name=&test& id=&test&&
&area shape=&cicle& coords=&57,55,25& href...&
&area shape=&poloy& coords=&188,28,185,50,200,74,244,72,246,51 ...&&
2.1.6 表格相关属性
&caption&:
定义表格标题,智能包含文本 图片 超链接 文本格式元素 和表单控件.
&colgroup&:
此标签智能包含在
&table&/&colgroup&
中,用来包含多个
: 用于指定一列或多列的样式.span属性控制控制几列.
定义表格头.
定义表格体智能直接包含
定义表格腿.
定义页眉单元格.
单元格,属性有:
9.1 colspan: 单元格夸几列
9.2 rowspan: 单元格夸几行
&!-- 书名列宽为160px 作者和价格列宽度为100px --&
&caption&标题&/caption&
&colgroup&
&col style=&width :160px&&
&col span=&2& style=&width:100px&&
&/colgroup&
&th&书名&/th&
&th&作者&/th&
&th&价格&/th&
&td&程序员把妹&td/&
&td&K&td/&
&td&1024&td/&
&td&现总计: 2本图书&/td&
2.1.7 HTML5新增通用属性
contentEditable属性: 此值为true,组件可随意编辑.可继承.
isContetnEditable属性: 若处于可编辑状态,返回true.
designMode: 默认为off 设为on时,真个页面都可编辑(和在body设置contentEditable为true类似).
spellcheck: 当true时,用户输入的内容会进行单词拼接检查.
hidden: true/false,其实不建议用,样式还是给CSS控制吧.
2.2 HTML5 新增常用元素
2.2.1 文档结构元素
此类元素其实只负责分块,其实无实际作用.只是友好提示程序员这是一块内容.
&article&:
用于展示一个整体内容,一篇文章 一条回复等.
导航栏(边导航,页面导,底部导)标签.
定义多个标题时
&section&:
内容分块.可设置cite属性.
专门用于定义当前页面的附属信息,一般用作侧边栏.一般放在
用于一块图片区域,可包含一个
&figcaption&
&figcaption&:
作为图片区域的标题.
2.2.2 语义相关元素
重点关注内容
指定时间,里面应该包含一个
属性指定符合
yyyy-MM-ddTHH:mm
格式的时间
&details&:
用于展示某个主题的时间,可包含
&summary&:
作为details的摘要元素.
2.2.3 特殊功能的元素
用于表示一个已知最大值和最小值的计数仪表,属性皆可浮点
1.1 value: 当前值.
1.2 min: 最小值.
1.3 max: 最大值.
1.4 low: 指定范围的最小值.
1.5 high: 指定范围的最小值.
1.6 optimum: 指定有效范围的最佳值,若大于high,表示当前值越大越好,若小于low,则表示当前值越少越好.
&progress&:
用于表示一个进度条.
2.1 max: 进度条完成时的值.
2.2 value: 当前值.
2.3 HTML5 头部和元数据
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置: 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致

我要回帖

更多关于 html5 css3 js总结篇 的文章

 

随机推荐