首页 > 代码库 > 5月27号=》第30页-第35页

5月27号=》第30页-第35页

 

2.18 框架相关元素

  HTML5删除了<frameset>、<frame>、<noframes>这三个标签

  保留了<iframe>元素

 

2.2 HTML5新增的通用属性

  2.2.1  contenEditable:该属性为true时可在页面直接对该标签进行编辑

                 用户编辑完后,内容会直接显示在该页面中(一旦

                 刷新页面就会重新加载,编辑的内容会丢失),开发

                 者可以通过该元素的innerHTML属性来获取编辑后

                 的内容

                 该属性具有“可继承”的特点:如果一个HTML元素

                 的父元素是“可编辑”的,那么它默认也是可编辑的

                 除非显示为该元素指定contenEditable=“false”

 

      isContentEditable: 所有可以设置contentEditable属性的元素都

                 提供了该属性,当前页面处于可编辑状态时,

                 该属性返回true;否则返回false。

 

  2.2.2  designMode:该属性相当于一个全局的contentEditable属性,如果

               把整个页面的designModel属性设为on时,该页面上

               所有支持contentEditable属性的元素都变成可编辑状

               态,该属性默认为off。

 

  2.2.3  hidden:该属性支持ture和false两个属性值,一旦把某个HTML元素的hidden

           设置为true,就意味着浏览器不显示该组件,浏览器也不会保留该组件

           所占用的空间。相当于css样式中的display

 

  2.2.4  spellcheck:HTML为<input>、<textarea>等元素增加了spellcheck属性。

              该属性可支持true和false,如果设置spellcheck=“true”,浏览

              器将会负责对用户输入的文本内容进行检查(比如一个英文单词的

              字母有错误),如果检查不通过,浏览器会对拼错的单词进行提示。

 

2.3 HTML5新增的常用元素

  2.3.1  文档结构元素

      <article>:该元素用于代表页面上独立、完整的一篇“文章”,该元素表示的内容

            可以使一个帖子、一篇Blog文章、一篇短文、一条完整的回复等。

            总之,只要是一篇独立的文档内容,就应该使用该元素来表示。

 

      <article>标签规则:

          元素内部可以使用<header>定义文章“标题”部分。

          元素内部可以使用<footer>定义文章“脚注”部分。

          元素内部可以使用多个<section>把文章内容分成几个“段落”。

          元素内容可以嵌套多个<article>作为它的附属“文章”。

 

      <section>:该元素用于对页面的内容进行分块。

            和<div>的区别是:<div>元素只是一个通用的“容器”组件,

            而该标签则是一个负责“分块”的HTML组件

 

      <section>标签规则:

          通常建议该标签包含一个标题(<h1>~<h6>)。

          该元素可以包含多个<article>元素,表示该“分块”内部包含多篇文章

          该元素可以嵌套该元素本身,用于表示该“分块”包含多个“子分块”。

 

      <nav>:该元素专门用于定义页面上的各种“导航条”。HTML5推荐将所有导航

           链接分别放在相应的<nav>元素中进行管理。

 

      <aside>:该元素专门用于定义当前页面或当前文章的附属信息,

           推荐该元素使用CSS渲染成侧边栏

 

      <header>:该元素主要用于为<article>元素定义文章“头部”信息,

            该元素可以包含<hgroup>、<p>、<span>等元素。

 

      <hgroup>:该元素主要用于组织多个<h1>~<h6>这样的标题元素,

             当<header>需要包含多个标题元素时,可以考虑使用

             该元素把它们组成一组。

 

      <footer>:该元素主要用于为<article>元素定义“脚注”部分,包括

             该文章的版权信息、作者授权信息等。

 

      <figure>:该元素用于表示一块独立的“图片区域”,可包含一个或

             多个<img>元素所代表的图片。除此之外该元素还可以

             包含一个<figcaption>元素。

 

      <figcaption>:该元素通常放在<figure>元素的内部,用于定义

              "图片区域"的标题。

 

小提示:2.3所有内容的元素只有<section>元素可指定cite属性。