跟html4一年出生,还没见过html123呢 html5

84 阅读1分钟

html5中的标签

canvas

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"> </canvas>
名字:画布标签
作用:一切操作由js支持-----可以画圆圈(话说用border-radius是不是也行),可以掏空文字的心,可以给文字着上一件七彩斑斓的衣,可以渐变,可以丢图片上去
用canvas的好处:画布的这些作用我都是用别的方法代替的,我还没见识到画布的真正强大之处

svg

鹅鹅鹅鹅鹅鹅
这个标签大抵是用来做小图标的
搜索logo什么的
可以在此处学习https://www.runoob.com/svg/svg-tutorial.html
内容不多--大抵半天能看完

svg-Canvas.png

MathML

    数学标记语言  
    让页面可以显示数学运算符---如例1  对应标签为<math><math> 目前只有最新版的
    FirefoxSafari 浏览器支持,咱小小了解一哈哈就好

例1: image.png

html5拖放(非常神奇的一个东西,俺暂时讲不来)

学习链接:www.runoob.com/html/html5-…

html5浏览器地理定位(非常神奇的一个东西,俺暂时讲不来)

学习链接:www.runoob.com/html/html5-…

video

<video>定义一个视频
    <source src="" type="video/webm"> </source>   这个标签用来识别不同的视频文件
    <source src="" type="video/mp4"> </source>    记得写链接哦  src=""
    <source src="" type="video/ogg"> </source>
    这里的文字在浏览器不支持该标签的时候显示
    <track></track>    这个标签呢  这是字幕标签!!!
<video>

Audio

<audio> 音频标签
    <source src="" type="audio/mpeg"> </source>   这个标签用来识别不同的音频文件
    <source src="" type="video/mp4"> </source>    记得写链接哦  src=""
    <source src="" type="audio/wav"> </source>
    这里的文字在浏览器不支持该标签的时候显示
<audio>

立个flag 明天光速过一遍剩下的html5跟css3