视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
HTML5的新特性(1)_html5教程技巧
2020-11-27 15:19:50 责编:小采
文档
点击下载本文 文档为doc格式
 HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML [1]（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。

1. 新的文档类型声明
HTML4规定的三种文档类型声明：

XML/HTML Code复制内容到剪贴板


    
 
  1.  
    2. 
 
  2.  
    3. 
 
  3.  
    4. 





XHTML 1.0 规定的三种文档类型声明:


XML/HTML Code复制内容到剪贴板


    
 
  1.  
    2. 
 
  2.  
    3. 
 
  3.  
    4. 





XHTML 1.1文档严格定义类型，等同于XHTML1.0文档过渡定义类型


XML/HTML Code复制内容到剪贴板


    
 
  1.  
    2. 





HTML 5的文档类型声明


XML/HTML Code复制内容到剪贴板


    
 
  1.  
    2. 





2. script和link里不需要写type


XML/HTML Code复制内容到剪贴板


    
 
  1.  ==》  
    2. 
 
  2.  ==》 
    3. 





3. 语义化header和footer标签
在HTML4或XHTML里，我们定义网页的页眉或页脚时会这样：


XML/HTML Code复制内容到剪贴板


    
 
  1.  
    2. 
 
  2. … 
    3.
  • 或
  • …

    • 而在HTML5里有直接定义上面元素块的标签，可以使代码更加的简洁和语义化

    XML/HTML Code复制内容到剪贴板


      
 
    1.  
      2. 
 
    2. … 
      3. 
 
    3.  
      4. 
 
    4. 或 
      5. 
 
    5.  
      6. 
 
    6. … 
      7. 
 
    7.  
      8. 

    



    4. hgroup标签，它主要是表明标题的集合。如果有主标题、副标题，可以用这个来包裹一下。但是这个标签没什么大的用处，在最新的HTML5.1版中被废除了。我们如果想声明主标题和对应副标题说明，可以向下面这样。
    使用标点符号分割，一般适合于文章标题，不太适合网站标题。
    

    XML/HTML Code复制内容到剪贴板


      
 
    1. 前端试题：HTML5的新特性
       
      2. 

    



    使用span标签标注副标题说明
    

    XML/HTML Code复制内容到剪贴板


      
 
    1. 前端试题 
      2. 
 
    2.  HTML5的新特性 
      3. 
 
    3.  
      4. 

    



    使用header标签包裹标题和描述
    

    XML/HTML Code复制内容到剪贴板


      
 
    1.  
      2. 
 
    2.  
      前端试题
       
      3. 
 
    3.  
      HTML5的新特性
       
      4. 
 
    4.  
      5. 

    



    5. 标记元素 mark
    

    XML/HTML Code复制内容到剪贴板


      
 
    1. The  element represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context. 
      2. 

    



    可以把它当做高亮标签，被它包起来的字符以高亮显示。…
    6. 图形元素figure
    在HTML4或XHTML中，下面的这些代码被用来修饰图片的注释。
    

    XML/HTML Code复制内容到剪贴板


      
 
    1.  
      2. 
 
    2. Image of Flower
       
      3. 

    



    上面代码并没有将文字和图片内存联系起来，不过HTML5添加的figure和figcaption组合可以为图文完美联系起来。
    

    XML/HTML Code复制内容到剪贴板


      
 
    1.  
      2. 
 
    2.  
      3. 
 
    3.  
      4. 
 
    4.  
      beautiful flower
       
      5. 
 
    5.  
      6. 
 
    6.  
      7. 

    



    7. 重新定义了small标签
    HTML5里标签将旁注呈现为小型文本，负责声明、注意事项、法律或版本声明的特征通常都是小型文本。
    在HTML4或XHTML里已经定义过small，不过对它的使用却没有一个完整的说明。在HTML里，它主要用于网页下方的版本声明，邮箱等小型文本。
    8.占位符 placeholder
    在HTML4或XHTML里，如果我们想实现输入框为空时显示提示信息，输入框字段获得焦点时该提示消失的效果，只能用js写这种效果。而在HTML5添加的placeholder则直接实现了这种效果.
    placeholder属性适用于以下的类型：text,search,url,telephone,email以及password.
    

    XML/HTML Code复制内容到剪贴板


      
 
    1.  
      2. 

    

 





    下载本文


    
    
    显示全文
    专题
    动视 51dongshi.net 版权所有
    Copyright © 2019-2025