简单的前端知识

最新推荐文章于 2024-03-02 20:45:17 发布

thai01

最新推荐文章于 2024-03-02 20:45:17 发布

阅读量114

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/thai01/article/details/100642378

版权

前端专栏收录该内容

0 篇文章 0 订阅

订阅专栏

简单的前端知识：

最近需要使用简单的前端内容，重新看了前端涉及的内容，针对一些没有使用的标签和Html5中的标签进行了浏览，此处进行简单的标注：

1.HTML新元素

canvas:配合js使用
SVG内联
MathML
HTML5 拖放（Drag 和 Drop）

//audio
<audio controls>
  <source src="horse.ogg" >
您的浏览器不支持 audio 元素。
</audio>

//video
<video width="320" height="240" controls>
  <source src="movie.mp4"  type="video/mp4">
  <source src="movie.ogg"  type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>

//embed
<embed src="helloworld.swf" tppabs="http://www.runoob.com//try/demo_source/helloworld.swf">

//datalist 配合，与select不一样，select不用配合input使用，但是没有输入框
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
</datalist>

//<article>、<aside>	

//figure
<figure>
  <img src="img_pulpit.jpg" tppabs="http://w3schools.com/tags/img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
    <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure>

//<footer><header><mark><nav><section>	

//<meter><progress>
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
<progress value="22" max="100"></progress>

//ruby
<ruby>
  汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
  字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>

<hr> 标签在 HTML 页面中创建水平线。
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>

//img和img map
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>