Dl nu:Nu HTML检查器-边看边学

我一直收到这个错误：元素 img 上的属性宽度的坏值 30px：期望一个数字，但看到 p。从第 50 行，第 15 列；到第 50 行，第 88 列。

任何帮助将不胜感激

对于此代码：

<header cl="page-header">
  <img src="img/favicon.png" alt="logo" cl="page-header__item">
  <nav cl="main-navigation page-header__item">
    <ul role="menubar" cl="navigation-list">
      <li role="presentation">
        <a href="index.html" role="menuitem" cl="navigation-list_item navigation-list_active">Home</a>
      </li >
      <li role="presentation">
        <a href="about.html" role="menuitem" cl="navigation-list__item">About</a>
      </li>
      <li role="presentation">
        <a href="contact.html" role="menuitem" cl="navigation-list__item">Contact</a>
      </li>
      <li role="presentation">
        <a href="work.html" role="menuitem" cl="navigation-list__item">Work</a>
      </li>
    </ul>
  </nav>
</header>
      <section cl="profile">
      <img src="img/chrisuhler.jpg" cl="profile__portrait" alt="chrisuhlerportrait">
      
      <h1>Hello World!</h1>
      
      <p>
        My name is Chris Uhler. I am web developer from, Medford Oregon
      </p>
      
      <on type="on">Check out some of my code</on>
      <on cl="on__secondary">Secondary Button</on>
    
    <footer cl="page-footer">
      <p>Find Me on<p>
        <div cl="social-media">
          <img src="img/Facebook.svg" width= "30px" height="30px" alt="facebook" />
          
          <img src="img/twitter.svg" width= "30px" height= "30px" alt="twitter" />
          
          <img src="img/linkedin.svg" width= "30px" height= "30px" alt="linkedin" />
        </div>
    </footer>
    
    <script src="js/tota11y.min.js"></script>

CSS 要求维度有单位，如30px、3em等。HTML 的width和height属性只能用像素表示，应该是一个普通数字。因此，你应该写width="30"。

本站系公益性非盈利分享网址，本文来自用户投稿，不代表边看边学立场，如若转载，请注明出处