HTML5_CSS3_JavaScript
文章平均质量分 64
ssmoom
网络笔记本 嘎嘎
展开
-
Html5笔记
HTML 5_CSS 3_JavaScript讲义_13014579.pdf原创 2014-09-18 14:15:29 · 585 阅读 · 0 评论 -
2.1.7保留-表格相关元素
2.1.7保留-表格相关元素 HTML5保留了定义表格的如下标签。 1、table:用于定义表格,table元素只能包含 0个或1个caption子元素(定义表格标题), 0个或1个thead子元素(定义表格头), 0个或1个tfoot子元素(定义表格脚), 多个tr子元素(定义表格行), 多个tbody子元素(定义表格体)。 该翻译 2014-09-24 11:07:39 · 611 阅读 · 0 评论 -
2.3.3新增-两个特殊功能的元素(meter、progress)
2.3.3新增-两个特殊功能的元素(meter、progress) HTML5还新增了如下两个具有特殊功能的元素。 1、meter:用于表示一个已知最大值和最小值的计数仪表。 比如电池的剩余电量、速度表等。 使用该元素时除了可指定id、style、class、hidden等通用属性之外,还可指定如下属性。 1)value:指定计数仪表的当前值。默认为翻译 2014-09-24 11:57:33 · 762 阅读 · 0 评论 -
2.1.4保留-超链接和锚点
2.1.4保留-超链接和锚点 HTML页面使用超链接与网络上的另一个资源保持关联,当用户点击页面上的超链接时, 浏览器会导航到超链接所指的资源。 HTML5保留了定义超链接的a元素,该元素可以指定id、class、style等核心属性, 还可以指定onclick等各种事件属性。 它还可以指定如下三个重要属性: href:指定超链接所关了的另一个资源。 target:指定使用框架翻译 2014-09-24 10:56:38 · 659 阅读 · 0 评论 -
2.1.3保留的语义相关元素
保留的语义相关元素 1、abbr:缩写。使用该元素时可指定属性:title,该属性用于指定该缩写所代表的全称。 eg:疯狂Java教育中心的缩写是fkjava。 2、address:地址。浏览器通常会用斜体字显示这个元素包含的文本。 eg:疯狂软件地址是广州市天河区车陂大岗路4号沣宏大厦3006-3011 3、blockquote:用于定义一段翻译 2014-09-24 10:55:05 · 484 阅读 · 0 评论 -
2.3.1新增-文档结构元素
p37 2.3.1新增-文档结构元素 在HTML5以前,HTML页面只能使用div元素作为结构元素,而HTML5则提供了 article、section、nav、aside、header、footer等文档结构元素。 1、article:该元素用于代表页面上独立、完整的一篇“文章”,该元素表示的内容 可以是一个帖子、一篇Blog文章、一篇短文翻译 2014-09-24 11:44:57 · 614 阅读 · 0 评论 -
2.5.1启动拖动
2.5.1启动拖动 在HTML5中,img元素默认就是可拖动的;而a元素只要设置了href属性,它默认也是可拖动改动。 eg: 疯狂软件教育 对于普通元素而言,如果希望把它变成可拖动的,开发者只要把该元素的draggable属性设为true即可。 但仅仅设置该元素的draggable属性还不够,因为仅仅设置了draggable="true"只表示该元素翻译 2014-09-25 09:37:32 · 521 阅读 · 0 评论 -
2.5.3DataTransfer对象
2.5.3DataTransfer对象 拖放触发的拖放事件有一个dataTransfer属性,该属性值是一个DataTransfer对象, 该对象包含如下属性和方法。 1、dataTransfer.dropEffect:设置或返回拖放目标上允许发生的拖放行为。 如果此处设置的拖放行为不在effectAllowed属性设置的多种拖放行为之内,拖放操作将会失败。翻译 2014-09-25 09:48:46 · 754 阅读 · 0 评论 -
2.4.0HTML5头部和元信息
2.4HTML5头部和元信息 简单的头部元信息标签。 使用head元素可以定义HTML文档头,该元素可以包含如下子元素。 1、script:该元素用于包含JavaScript脚本。 关于JavaScript的介绍,请参考本书关于JavaScript的相关章节。 2、style:该元素用于定义内部CSS样式。 关于内部CSS样式的翻译 2014-09-25 09:07:50 · 617 阅读 · 0 评论 -
2.5.5改变拖放图标.html
2.5.5改变拖放图标 通过调用DataTransfer对象的setDragImage还可以改变拖放图标。 eg: <div id="source" draggable="true" style="width:80px;height:60px; border:1px solid black;">拖动我 var source = document.getE翻译 2014-09-25 17:08:29 · 941 阅读 · 0 评论 -
2.5.0HTML5新增的拖放API
2.5HTML5新增的拖放API HTML5新增了关于拖放的API,通过拖放API可以让HTML页面的任意元素都变成可拖动的, 通过使用拖放机制可怜开发出更友好的人机交互界面。 拖放操作可以分成两个动作:在某个元素上按下鼠标并移动鼠标(没有松开鼠标), 此时开始拖动;在拖动过程中,只要没有松开鼠标,将会不断地产生拖动事件——这个过程 被称为“拖”;把被拖动的元素拖动到另翻译 2014-09-25 09:26:17 · 705 阅读 · 0 评论 -
2.5.2接受“放”
2.5.2接受“放” 不过是拖动图片,还是拖动div元素,拖动时都显示了一个“禁止”标志,这表明拖动图片、 拖动div时,被拖动到“目的地”并不接受被拖动的元素——这是因为当被拖动元素被“拖过” document对象时,document对象默认阻止了拖动事件,而其他HTML组件也是位于 document对象内的,因此它们也不能接受“放”。 为了让document可以接受翻译 2014-09-25 09:42:56 · 553 阅读 · 0 评论 -
2.1.6保留-图像相关元素
2.1.6保留-图像相关元素 HTML5保留了img元素在页面中定义图像,这个元素只能是一个空元素,它不可以包含任何内容。 该元素可以指定id、class、style等核心属性,还可以指定onclick等事件属性。 不仅如此,使用该元素必须指定如下两个属性: 1、src:该属性指定图片文件所在的位置,该属性既可以是相对路径,也可以是绝对路径。 2、alt翻译 2014-09-24 11:02:50 · 475 阅读 · 0 评论 -
2.1.5保留-列表相关元素
2.1.5保留-列表相关元素 HTML5还保留了如下几个列表相关元素。 1、ul:定义无序列表。 该元素可以指定id、class、style等核心属性,还可以指定onclick等事件属性。 该元素只能包含li子元素。 2、ol:定义有序列表。 该元素可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。翻译 2014-09-24 11:00:19 · 497 阅读 · 0 评论 -
2.1.1保留-基本元素.html
2.1.1保留的基本元素 1、定义HTML注释:。位于--与--之间的内容会被当成注释处理。 2、html:它是HTML5文档的根元素。但HTML5允许完全省略这个元素。 3、head:它是HTML5文档的页面头部分。但HTML5允许完全省略这个元素。 4、title:它是用于定义HTML5文档的页面标题。 5、bo翻译 2014-09-24 10:50:08 · 440 阅读 · 0 评论 -
2.1.2.文本格式化元素
2.1.2.文本格式化元素 1、b:定义粗体文本。 该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。 eg:加粗文本 2、i:定义斜体文本。 该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。 eg:斜体文本 3翻译 2014-09-24 10:52:37 · 577 阅读 · 0 评论 -
2.2.2新增-designMode属性
2.2.2新增-designMode属性 designMode属性相当于一个全局的contentEditable属性, 如果把整个页面的designMode属性设置为on时,该页面上所有可支持contentEditable 属性的元素都变成可编辑状态;designMode属性默认为off。 在JavaScript代码中只能修改整个HTML页面的designMode属性。翻译 2014-09-24 11:22:10 · 663 阅读 · 0 评论 -
2.2.3新增-hidden属性
2.2.3新增-hidden属性 HTML5为所有元素都提供了一个hidden属性,这个hidden属性支持true、false两个属性值, 一旦把某个HTML元素的hidden设为true,就意味着通知浏览器不显示该组建, 浏览器也不会保留该组件所占用的空间。 hidden属性可以代替CSS样式单中的display属性, 设置hidden="true"相当于在CSS中翻译 2014-09-24 11:28:21 · 732 阅读 · 0 评论 -
2.1.8保留-框架相关元素
2.1.8保留-框架相关元素 HTML5不再推荐在页面中使用框架集, 因此HTML5删除了frameset、frame、和noframes这3个标签。 HTML5依然保留了一个与框架相关的元素:iframe元素,该元素可以在普通HTML页面中使用, 该元素用于在普通HTML页面中生成一个内联框架,可以直接放在HTML页面的任意位置。 该元素除了可以指定i翻译 2014-09-24 11:11:33 · 477 阅读 · 0 评论 -
2.2.1新增-contentEditable属性
2.2.1新增-contentEditable属性 HTML5为大部分HTML元素都增加了contentEditable属性, 如果将该属性设为true,那么浏览器将会允许开发者直接编辑该HTML元素里内容。 此处的HTML元素并不是指那些原本就允许用户输入的表单元素,如文本框、文本域之类的, 而是可以把table、div等元素变成可编辑状态。 contentEdita翻译 2014-09-24 11:17:01 · 608 阅读 · 0 评论 -
2.2.4新增-spellcheck属性
2.2.4新增-spellcheck属性 HTML为input、textarea等元素增加了spellcheck属性。该属性可支持true、false两个属性值, 如果设置spellcheck="true",浏览器将会负责对用户输入的文本内容执行输入检查, 如果检查不通过,浏览器会对拼错的单词进行提示。 eg:指定执行拼写检查翻译 2014-09-24 11:40:21 · 916 阅读 · 0 评论 -
2.3.2新增-语义相关元素
2.3.2新增-语义相关元素 HTML5也提供了如下两个语义相关元素。 1、mark:用于显示HTML页面中需要重点“关注”的内容, 就像我们看书时喜欢用荧光笔把某些重点内容标注出来一样。 该元素可以指定id、style、class和hidden等通用属性。 浏览器通常会用黄色显示mark标注的内容。 2、time:用来显示被标注内翻译 2014-09-24 11:49:18 · 482 阅读 · 0 评论 -
2.5.4拖放行为
2.5.4拖放行为 通过设置DataTransfer对象的effectAllowed、dropEffect两个属性可以控制拖放行为。 effectAllowed用于控制被拖动元素的拖动行为,因此通常建议在ondragstart事件监 听器中设置DataTransfer对象的effectAllowed属性;而dropEffect则控制被“放”入 的目标组件的行为,因此通常建议翻译 2014-09-25 10:03:08 · 618 阅读 · 0 评论