随笔分类 - HTML
摘要：编写前端html时候，引入文件格式和语法正确，但是莫名出现一行空格符，并且将引入文件的位置顶到Body标签内。如图： 原因分析： 一般出现空格字符，是由于引入行代码的前面有空格，空格导致html代码错位引入。 解决方法： 1.定位到Body标签内，第一个引入代码的前面 ，如 <link rel="s
阅读全文
摘要：OG协议的释义： 2010年F8会议上Facebook公布了一套开放内容协议(Open Graph Protocol)，任何网页只要遵守该协议，SNS（如Fackbook、renren等）就能从页面上提取最有效的信息并呈现给用户。 OG协议的好处： 1、能够正确被蜘蛛抓取您的内容到搜索引擎 2、帮助
阅读全文
摘要：场景：遇到站点引用远程图片固定链接时（多为第三方链接），图片会发生在页面无法显示，报错403，但是单独打开该远程链接，又可以打开； 解决方法： 1.数据库中全局下载该字段链接，将图片存到制定文件夹，在系统内调用 2.检查页面head中的是否有此句“<meta name="referrer" cont
阅读全文
摘要：a标签应用中，一般有四个状态： 鼠标未移入前（link），鼠标移入时（hover）， 鼠标点击时（active），鼠标点击后（visited）。
阅读全文
摘要：在前端页面编辑中，常常用于块元素横排列时，我们会用到浮动或者dispaly：inline-block； 浮动虽然好用，效果明显，但是会存在潜在BUG，（暂且不论）；那么display：inline-block也能使其横排，但是有两个很明显的问题： 1.横排元素之前没有设置，margin却多出了间距；
阅读全文
摘要：CSS变量，又称——CSS自定义属性，现在很多CSS预处理/后处理程序已作了相关快捷的编译处理， 基本用法有哪些呢，我们先看一个简单的栗子；——要求，创建一个五个块元素居中的分栏样式，奇数和偶数同高不同宽。 先看效果： 上菜一： html： 上硬菜： css： 由“菜一”可以看出，css变量的用法，
阅读全文
摘要：当我们给图片加属性的时候，初学时，可能会弄混淆alt与title的区别，那么这两个的区别，我们可以从本意来看—— alt原词是“Alternate”，切换，替换的意思。常用的输入法切换会用到alt键进行中英文切换。据有道标准释义如下： title，即为标题、主题，某一对象的标题，如文章有文章标题，作
阅读全文
