我的HTML和CSS的结构正确吗？_Html_Css

我的HTML和CSS的结构正确吗？

html css

我的HTML和CSS的结构正确吗？,html,css,Html,Css,我在网上研究并完成了它所说的一切。我删除了所有不必要的div等。我想知道是否还有其他建议 <!DOCTYPE html> <html lang="en"> <head> <style> body{ padding: 0; margin: 0; } .navigation-bar { width: 100%; height: 53px; / background-color: black; } .logo { displ

我在网上研究并完成了它所说的一切。我删除了所有不必要的div等。我想知道是否还有其他建议

<!DOCTYPE html>
<html lang="en">
<head>
<style>
body{
  padding: 0;
  margin: 0;

}
.navigation-bar {
width: 100%;
height: 53px; /
background-color: black;
}
.logo {
display: inline-block;
vertical-align: top;
height: 50px;
margin-left: 30px;
margin-top: 2px;

}
.navigation-bar> a {
float:right;
display: inline-block;
vertical-align: top;
margin-right: 25px;

height: 60px;
color: white;
line-height: 70px;
font-weight: bolder;
font-size: 12px;
text-decoration: none;
font-family: sans-serif;
position: relative;
padding: 3px;
}

 .navigation-bar> a:hover:before {
  content: "";
  position: absolute;
 top: 40px;
left: 50%;
margin-left: -5px;

width: 0px;
height: 7px;
xxmargin: 0px auto;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;


}
</style>
</head>
<body>

<nav class="navigation-bar">
  <img class="logo" src="C:\Users\sahan\Downloads\logo.png">
    <a href="#">Contact</a>
    <a href="#">Us</a>
    <a href="#">Work</a>
    <a href="#">Home</a>

</nav>


身体{
填充：0；
保证金：0；
}
.导航栏{
宽度：100%；
高度：53px/
背景色：黑色；
}
.标志{
显示：内联块；
垂直对齐：顶部；
高度：50px；
左边距：30px；
边缘顶部：2倍；
}
.导航栏>a{
浮动：对；
显示：内联块；
垂直对齐：顶部；
右边距：25px；
高度：60px；
颜色：白色；
线高：70px；
字体大小：粗体；
字体大小：12px；
文字装饰：无；
字体系列：无衬线；
位置：相对位置；
填充：3倍；
}
.导航栏>a:悬停：之前{
内容：“；
位置：绝对位置；
顶部：40px；
左：50%；
左边距：-5px；
宽度：0px；
高度：7px；
xxmargin:0px自动；
左边框：5px实心透明；
右边框：5px实心透明；
边框底部：5px实心#fff；
}

我也得到了水平滚动条。我不应该使用溢出隐藏属性。如何停止水平滚动条？

在html结构中，如果要将

nav

元素用作网站的顶部导航条，则应将其设置为

header

标记。然后设置

main

，最后设置

footer

改进：

您应该关闭html和body标记

如果你想关注细节，最好将img和nav项目放在同一个选项卡上

您不应该在导航中包含您的徽标。正确的语义顺序是

元素需要一个

标记

我还想添加一些通用的指针。为选项卡选择一定数量的空格，并保持一致。因此，如果选择2个空格作为选项卡，那么每次缩进都要使用2个空格，同样在CSS中

额外：我在你的CSS中看到了xxmargin，这不是一件事。

为什么你在同一页面中制作样式表而不是html代码？我的建议是在html代码中创建两个不同的页面

<link rel="stylesheet" src="filename.css" />

当你要为一个网站创建多个页面时，这将更加实用。

这个问题要么太宽泛，基于观点，要么需要讨论，因此不适合堆栈溢出。如果您有一个特定的、可回答的编程问题，请提供完整的详细信息。HTML验证程序或CSS验证程序是否会产生有关代码的任何错误或警告？如果是，请解决这些问题。如果没有，请您的讲师澄清。@sahrakmanswa：基于缩进和未闭合HTML元素的不一致使用，没有。您所说的“正确”是什么意思？通过哪种方式正确？我要强调的是，外部样式表几乎是一个先决条件，应该得到更多的建议；内联和

元素样式绝对不是可行的方法。@Martin我同意，但他说他将此作为作业，所以我想这是作业。我不确定这个话题是否会在以后出现，所以我想忠实于作业，并给出一些一般性的建议，而不是压倒性的。这并不能真正回答问题。你能多加一些吗，这样对OP有用？

<header>
  <img> // this could be in a div for branding
  <nav>
    <a>Menu item</a> // your nav should only contain your nav links
  </nav>
</header>

<link rel="stylesheet" src="filename.css" />

<link href="link to your css page" rel="stylesheet" type="text/css">