学好WEB前端之媒体文件规范

最新推荐文章于 2023-03-14 14:15:02 发布

编程匠工

最新推荐文章于 2023-03-14 14:15:02 发布

阅读量177

点赞数

文章标签：前端 web前端前端开发

本文链接：https://blog.csdn.net/html1997/article/details/94172496

版权

本文详细介绍了前端开发中关于媒体文件的规范，包括命名、引入、存储位置的规范，以及图片和视频的格式、大小、alt属性的设置。强调了CDN的使用、图片格式的选择以及视频的自动播放和插入方式，旨在提高前端性能和用户体验。

摘要由CSDN通过智能技术生成

命名规范

命名全部用小写英文字母、数字、 - 的组合，其中不得包含汉字、空格、特殊字符；尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名如果需要分头尾两部分, 用-隔开, 比如 ad-left01.gif、 btn-submit.gif、page-video.mp4;

引入规范

使用相对路径，不要指定资源所带的具体协议 ( http:,https: ) ，除非这两者协议都不可用。推荐：

<img src="//reshw.ijunhai.com/public/img/normal.png" alt="图片描述" >
<video src="//reshw.ijunhai.com/public/img/video.mp4" type="video/mp4"  muted autoplay="autoplay" loop="loop">

不推荐：

<img src="http://reshw.ijunhai.com/public/img/normal.png" alt="" >
<video src="http://reshw.ijunhai.com/public/img/video.mp4" type="video/mp4"  muted autoplay="autoplay" loop="loop">