HTML学习基础(中1)技巧.ppt

废除的属性 clear br 使用CSS样式表替代 compact、type ol、ul、li 使用CSS样式表替代 compact dl 使用CSS样式表替代 compact menu 使用CSS样式表替代 width pre 使用CSS样式表替代 align、noshade、size、width hr 使用CSS样式表替代 align、frameborder、scrolling、marginwidth iframe 使用CSS样式表替代 autosubmit menu align、hspace、vspace img 使用CSS样式表替代 contentEditable属性 功能：允许用户编辑元素中的内容。 功能说明：该元素必须是可以获得鼠标焦点的元素，而且在 点击鼠标后要向用户提供一个插入符号，提示用户该元素中的内 容允许编辑。 注意： contentEditable是一个布尔类型属性，因此可以将其设 置为true或false。 说明：该属性还有个隐藏的inherir（继承）状态，属性为true时 ，元素被指定位允许编辑；属性为false时，元素被指定为不允 许编辑；未指定true或false时，则由inherir状态来决定，如果 元素的父元素是可编辑的，则该元素就是可编辑的。另外，除了 contentEditable属性外，元素还具有一个iscontentEditable 属性，当元素可编辑时，该属性为true；当元素不可编辑时，该 属性为false。 designMode属性 功能：用来指定整个页面是否可编辑，当页面可编辑时，页面中 任何支持上文所述的contentEditable属性的元素都变成了可编辑 状态。 注意：designMode属性只能在JavaScript脚本里被编辑修改。 designMode属性的两个值：该属性有两个值——“on”与 “off”。当属性被指定为“on”时，页面可编辑；被指定为“off”时， 页面不可编辑。 使用JavaScript脚本来指定designMode属性的方法如下所示 document.designMode=”on”。 hidden属性 适用范围：在HTML5中，所有的元素都允许有一个hidden 作用：hidden属性类似于aria-hidden，它告诉浏览器这个元素 的内容不应该以任何方式显示。但是元素中的内容还是浏览器创建的 ，也就是说页面装载后允许使用JavaScript脚本将该属性取消，取消 后该元素变为可见状态，同时元素中的内容也即时显示出来。 类型：Hidden属性是一个布尔值的属性，当设为true时，元素处 于不可见状态；当设为false时，元素处于可见状态。 spellcheck属性 适用范围：spellcheck属性 是HTML5针对input元素（ type=text）与textarea这两个文本输入框提供的一个新属性 功能：为对用户输入的文本内容进行拼写和语法检查。 类型：Spellcheck属性是布尔型 ，具体true和false两种值， 但是它在书写时有一个特殊的地方，就是必须明确声明属性值为 true或false，书写方法如下所示： !--以下两种书写方法正确--! textarea spellcheck=true input type=text spellcheck=false / !--以下书写方法为错误--! textarea spellcheck 注意：如果元素的readOnly属性或disabled属性设为true，则不执行拼 写检查。 tabindex属性 Tabindex是开发中的一个基本概念，当不断敲击Tab键让窗口或页面 中的控件获得焦点，对窗口或页面中的所有控件进行遍历的时候，每一个 控件的tabindex 表示该控件是第几个被访问到的。 tabindex属性还有另外一个作用。在默认情况下，只有链接、表单元 素和图像映射区域可以通过键盘获得焦点。如果对其他元素使用 tabindex属性后，也能让改元素获得焦点，那么当脚本中执行focus()语 句的时候，就可以让该元素获得焦点了。但是这样做会产生一个副作用： 该元素也可以通过Tab键获得焦点，而这又时可能不是开发者想要的结果 。把元素的tabindex值设为负数（通常为-1）后就解决这个问题了。 Tabindex的值为负数后，仍然可以通过编程的方式让元素获得焦点，但 按下Tab键时该元素就不能获得焦点了，这在复杂的页面中或复杂的Web 应用程序中时十分有用的。在HTML4中，-1是一个无用的属性值，但到 了HTML5中，通过巧妙地运用让改属性值得到了极大地应用。 省略属性的引