美文网首页
html5新特性及常见问题

html5新特性及常见问题

作者: 穷鬼_h | 来源:发表于2017-08-29 00:50 被阅读0次

    h5新特性

    1. 用于绘画canvas元素
    2. 用于媒介回放的video和audio元素
    3. 本地离线存储localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage的数据字浏览器关闭后自动删除
    4. 语义化更好的内容元素,比如:article、footer、header、nav、section
    5. 表单控件,data、time、email、url、search、等
    6. 新的技术webworker,websocket,Geolocation
    7. 拖拽释放

    新的文档声明

    <!DOCTYPE html>
    

    HTML5中新的语义化标签

    列举常用的几种
    • header
    • footer
    • article
    • aside
    • section

    HTML5新的表单属性

    • Datalist
    • datetime
    • output
    • keygen
    • date
    • month
    • week
    • time
    • number
    • range
    • emailurl

    h5移出了哪些元素?

    basefont, big, center, font, s, tt, u
    

    本地存储(localStorage)和cookies储存有什么区别?

    cookies:服务器和客户端都可以访问,大小只有4kb左右,有有效期,过期后将会删除
    本地存储:只有本地的浏览器可以访问数据,服务器不能访问本地存储,可以故意通过post或者get的通道发送到服务器,每个域5MB,没有过期数据,直到用户从浏览器删除或者JavaScript代码删除
    

    你如何对网站的文件和资源进行优化?

    文件合并
    
    文件最小化/文件压缩
    
    使用CDN托管
    
    缓存的使用
    

    什么是响应式设计?

    响应式设计就是一个网站可以兼容多个终端,而不是为每个终端做一个特定的版本。我们的页面都应该能够去自动响应用户的设备环境
    

    HTML5 Canvas 元素有什么用?

    Canvas 元素用于在网页上绘制图形,该元素标签强大之处在于可以直接在 HTML 上进行图形操作。
    

    为什么利用多个域名来存储网站资源会更有效?

    CDN缓存更方便 
    
    突破浏览器并发限制 
    
    节约cookie带宽 
    
    节约主域名的连接数,优化页面响应速度 
    
    防止不必要的安全问题
    

    请谈一下你对网页标准和标准制定机构重要性的理解?

    网页标准和标准制定机构都是为了能让web发展的更'健康',开发者遵循统一的标准,降低开发难度,开发成本,也不会因为滥用代码导致各种BUG、安全问题,最终提高网站易用性。
    

    知道css有个content属性吗?有什么作用?有什么应用?

    css的content属性专门应用在 before/after 伪元素上,用来插入生成内容。最常见的应用是利用伪类清除浮动。
    
    最常见的一种清除浮动:
    .clear:after{
        display:block;
        content:''; 
        clear:both;
    }
    .clear{ 
        zoom:1;
    }
    

    如何在 HTML5页面中嵌入音频?

    HTML 5 包含嵌入音频文件的标准方式,支持的格式包括 MP3、Wav 和 Ogg:
    
    <audio controls> 
      <source src="jamshed.mp3" type="audio/mpeg"> 
    </audio>
    

    如何在 HTML5 页面中嵌入视频?

    和音频一样,HTML5 定义了嵌入视频的标准方法,支持的格式包括:MP4、WebM 和 Ogg:
    
    <video width="450" height="340" controls> 
      <source src="jamshed.mp4" type="video/mp4"> 
    </video>

    相关文章

      网友评论

          本文标题:html5新特性及常见问题

          本文链接:https://www.haomeiwen.com/subject/eztedxtx.html