HTML5

    xiaoxiao2021-03-25  142

    HTML5=HTML↑+CSS↑+Javascript↑,HTML5提供全套的解决方案,承包了页面结构、元素样式+用户与页面的交互效果。

    因为H5可以做出和客户端近似的体验,所以H5让Web开发重新回归富客户端的时代。

    **input-option,progress,link通过rel来表达页面与页面之间的关系。

    **对于不兼容新标签的浏览器,可用js进行控制:

    document.createElement('header');       即将每一个新标签都建立一个对应的标签        也可以用谷歌的一个封装好的工具html5shiv.js;

    数据结构标记

    Accessible Rich Internet Application(无障碍富互联网应用程序):针对于屏幕阅读设备,更多语义化让终端能“读懂”页面,以通过独特的理解方式供特殊用户(盲人)使用。

            通过role的方式告知。e.g. <div role="navigation"></div> 告知机器该div是一个导航栏

    自定义属性data-*

            addEventListener('click',function(){});可同时添加多个事件。

            setAttribute('data-age',item.age);将item标签的age属性设置为'data-age'

    audio标签

    <audio id="audio" src="music.mp3"></audio> <button id="btn">播放</button> var btn = document.getElementById('btn'); var audio = document.getElementById('audio'); btn.addEventListener('click',function(){ audio.play(); })video,以及字幕标签。

    SVG(Scalable Vector Graphics)可缩放矢量图形。体积小、质量高、可控程度高

    转载请注明原文地址: https://ju.6miu.com/read-25167.html

    最新回复(0)