img elements are self-closing

Basic HTML and HTML5: Add Images to Your Website

You can add images to your website by using the 

img

 element, and point to a specific image’s URL using the 

src

 attribute.

An example of this would be:

<img src="https://www.your-image-source.com/your-image.jpg">

Note that 

img

 elements are self-closing.

All 

img

 elements must have an 

alt

 attribute. The text inside an 

alt

 attribute is used for screen readers to improve accessibility and is displayed if the image fails to load.

Note: If the image is purely decorative, using an empty 

alt

 attribute is a best practice.

Ideally the 

alt

 attribute should not contain special characters unless needed.

注意:img不需要加闭合, hr也是如此。

html中的hr直线标签,需要关闭标签吗?

https://www.w3.org/TR/2011/WD-html-markup-20110113/hr.html

参考这里的描述:

The hr element is a void element. An hr element must have a start tag but must not have an end tag.

看中文有些教程网站写必须加关闭标签是错的描述。

Note: In HTML, 

hr

 is a self-closing tag, and therefore doesn’t need a separate closing tag.

fontawesome字体加载速度慢的解决方案

WordPress升级后发现速度很慢,查询是use.fontawesome.com 加载速度慢造成。

排查方法:停用所有插件,看是否是主题自带,然后逐个启用,确认是哪个插件影响。

经排查为 NextGEN Gallery ,

参考:https://wordpress.org/support/topic/disable-awesome-fonts-in-nextgen-gallery/

目录位置:nextgen-gallery\products\photocrati_nextgen\modules\nextgen_gallery_display

参考官方教程:https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

换成了本地服务器加载。

 

 

floatmenu 增加鼠标移上图像的实现方法

近来更新插件,结果发现以前的鼠标移上的微信图显示效果没了。
查看值发现引号加了过滤斜线\ , 这个解决方案之一就是属性值不加引号。

另外借用CSS

li.fm-item-1-2:hover::after {
    content: url(‘/wp-content/uploads/2019/06/wuhanwx.jpg’);
}

也可以实现类似的功能。