Head partial rendered under body tag

Hi all,
I have strange behavior during development with hugo 0.88 on macosx.
Partial head.html is rendered under the body tag.

This is code on baseof.html:

<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode | default "en-us" }}">
{{ partial "head" . }}

<body>{{/* */}}
{{ partial "navbar" . }}
{{ block "main" . }}{{ end }}
{{ partial "footer" . }}
{{ partial "script" . }}

This is my repository code:

I can’t understand this behavior


What does this mean?

Sorry now I edited my first post to explain correctly the problem.
The code contained in head.html is inserted inside the body tag.
And I can’t explain this.

I cannot reproduce the problem.

The code generated by Hugo is this:

As you can see the code of head.html partial is inseted inside body tag.

Which page are you viewing?

homepage but for other pages it’s the same

Home Page
<!DOCTYPE html>
<html lang="en-us">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">

	<meta name="generator" content="Hugo 0.90.0-DEV with theme even" />


	&lt;!-- Preload --&gt;
	<link rel="preload" as="image" href="./img/theme.png" />

	<title>Real Python</title>
	<link rel="canonical" href="http://localhost:1313/" />
	<meta name="description" content="Learn Python online: Python tutorials for developers of all skill levels, Python books and courses, Python news, code examples, articles, and more." />
	<meta name="author" content="Vincenzo Antedoro" />
	<meta name="keywords" content="python, tutorials, figa">

	<!-- RSS controllare -->
	<link rel="alternate" type="application/rss+xml" href="./index.xml" title="Real Python">


	<!-- Favicon -->
	<link rel="icon" href="./favicon/favicon.ico">
	<link rel="icon" type="image/png" sizes="16x16"
	<link rel="icon" type="image/png" sizes="32x32"
	<link rel="apple-touch-icon"
	<link rel="mask-icon"
	<link rel="manifest" href="./site.webmanifest">
	<meta name="theme-color" content="#2e2e33">
	<meta name="msapplication-TileColor" content="#2e2e33">

	<!-- CSS -->
	<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/realpython.css">
	<link rel="stylesheet" type="text/css" href="http://localhost:1313/fontawesome/css/all.css"> 
	<link rel="stylesheet" type="text/css" href="http://localhost:1313/gfonts/font.08e909e5f3d4.css">
	<link rel="stylesheet" type="text/css" href="http://localhost:1313/lib/lightbox/css/glightbox.css">

	<!-- Custom CSS -->



	<script type="text/plain" src="./lib/main/main.js"></script>
	<script type="text/javascript" src="./lib/analytics/analytics.js" async=""></script>

	<!-- CustomJS -->

	<!-- OpenGraph + Twitter + Analytics + Disqus --></head>

<nav class="navbar fixed-top navbar-expand-lg navbar-dark flex-column ">
	<div class="container flex-row">


Stange. On my dev machine I have the same problem shows in posted screenshot with Firefox or Chrome.

Maybe you’re having a caching problem.

These are Chrome dev tools settings:


The problem is this line of code:

<link rel="preload" as="image" href="{{ "img/theme.png" | relURL }}" />

in head.html file

I don’t know why.