Dynamische Webseite mit Dropdownmenü mit CSS + PHP

Der Header im Body

Mit Header ist nicht der html-head-Bereich gemeint, sondern der Bereich, der als Kopf der Webseite angezeigt werden soll. Hier möchte ich die Seitenüberschrift und darunter eine Navigationsleiste plazieren: 

<body>
		<header>
			<h1>Dynamische Webseite mit Dropdownmenü mit CSS + PHP</h1>
			<nav>
				<ul id="Hauptmenü">
					<li class="dropdown"> HTML
						<ul class="dropdown-content" id="html">
							<li> <a href="index.php?m=html_kopf"> Kopf </a> </li>
							<li> <a href="index.php?m=html_header"> Header </a> </li>
							<li> <a href="index.php?m=html_section"> section </a> </li>
							<li> <a href="index.php?m=html_footer"> footer </a> </li>
						</ul>
					</li>
					
					<li class="dropdown"> CSS
						<ul class="dropdown-content" id="css">
							<li> <a href="index.php?m=css_dropdown_navigation"> Dropdown Navigation </a> </li>
							<li> <a href="index.php?m=css_flex"> Flex-Layout </a> </li>
							<li> <a href="index.php?m=css-grid"> Grid-Layout </a> </li>
						</ul>
					</li>
					
					<li class="dropdown"> PHP
						<ul class="dropdown-content" id="php">
							<li> <a href="index.php?m=php_lokal_testen"> lokal testen </a> </li>
							<li> <a href="index.php?m=php_insert_content">Kontent dynamisch einfügen </a> </li>
						</ul>
					</li>
					
				</ul>
			</nav>
		</header>
		.
		.
		.

Der Header wird im header-Tag eingeschlossen und beinhaltet die im h1-Tag eingeschlossene Überschrift und das nav-Tag für die Navigationsleiste. Innerhalb dieser Navigationsleiste wird dann eine unorder-list (ul-Tag) mit den Menüpunkten als li-Tag und darin verschachtelt weitere ul-Tags mit den Dropdown-Menupunkten plaziert.

Für die einfache Formatierung im css habe ich den Hauptmenüpunkten die Klasse dropdown und der komletten Untermenüliste die Klasse dropdown-content zugeordnet.