你可能还不知道到的几个HTML属性

很多时候对有前端工程师来讲，页面效果直接会转嫁个CSS或JS，对HTML的一些属性了解的并不充分，接下来介绍一些有意思的HTML属性。

1）Multiple

顾名思义就是在一个输入标签或选择标签中可以输入多个值

<input type="file" multiple>

2）Accept

在<input>包含接受属性，允许用户伤上传指定的文件类型。我们在设置的过程中，需要设置指定的文件格式。并用逗号分开即可。传递文件类型包含图片、音频、视频、文档，等自定义文件类型。

<input type="file" accept=".png, .jpg">

3）Contenteditable

这个属性比较有意思，允许用户在前端HTML页面进行对文本的编辑，只对DOM的可见部分进行编辑。

<div contenteditable="true">我可以随意编辑！</div>

4）Spellcheck

进行拼写检查的可编辑段落：

<p contenteditable="true" spellcheck="true">这是一个段落。</p>

5) Translate

Translate告诉浏览器是否应该翻译内容。例如，您可以使用它来防止Google Translate自动尝试翻译您的公司或品牌名称。

<footer><p translate="no">Mark</p></footer>

6) Poster

带有预览图（海报图片）的视频播放器：

注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。

<video controls poster="/images/mark.gif">
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
   Your browser does not support the video tag.
</video> 

7) Download

download 属性规定被下载的超链接目标。

在 <a> 标签中必须设置 href 属性。

该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制，浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。