2016-12-17 9 views
0

Предупреждение: статья не имеет заголовка. Рассмотрим, используя элементы h2-h6, чтобы добавить , идентифицируя заголовки ко всем статьям. Из строки 32, столбец 5; к линии 32, столбец 46 ↩ ↩Ошибка генерации валидации W3C

выше предупреждение генерируется https://validator.w3.org/.

Теперь позвольте мне показать код этих номеров строк.

<article class="form-control relativePos"> 
     <ul class="formsectionTab"> 
      <li class="active"><a href="#services">1. Services</a></li> 
      <li><a href="#time">2. Time</a></li> 
      <li><a href="#details">3. Details</a></li> 
      <li><a href="#payment">4. Payment</a></li> 
      <li><a href="#done">5. Done</a></li> 
     </ul> 

Именно линия # 32, что код говорит о том, это →

<article class="form-control relativePos"> 

Мой HTML разработчик говорит, есть только два пути, чтобы избавиться от этих предупреждений →

либо использовать <div></div> вместо раздела или статьи или использовать элементы h2-h6.

Но моя проблема заключается в том, что я хочу создать свой шаблон для тегов HTML5, а код не имеет возможности размещать заголовки, потому что этого не требуется. что мне делать?

Любые альтернативные атрибуты HTML5, которые могут сделать это без применения элементов h2-h6?

+0

Просто используйте 'div'. Браузеры не делают ничего особенного с «статьей», и пользователи ничего не получают от документов, используя это. – sideshowbarker

ответ

0

Ответ на ваш вопрос. Я процитирую вас: «Я хочу создать свой шаблон на тегах HTML5, и у кода нет никаких возможностей для размещения заголовков, потому что это не требуется».

Это одна из самых больших проблем в индустрии программного обеспечения. Это называется Scope Creep. В принципе, если что-то не входит в объем требований, вы должны избегать его устранения, если это абсолютно необходимо. Иногда мне трудно укусить пулю, хотя я знаю.

+0

что вы предлагаете? должен ли я перейти к div? Если да, то некоторые элементы будут HTML5, а некоторые div → все еще будут считаться семантическими? Нет, мне нужны заголовки. Пожалуйста, порекомендуйте. Благодаря! – somethingnow

0
  • Добавить h1 - h6 элементов столько, сколько вы хотите
  • Wrap этих h1 - h6 элементов в divs стиль так же, как ваш другой текст
  • Добавить классы в h1 - h6 элементы, чтобы наследовать div стиль (которого должен быть то же, что и остальная часть вашего текста)

Эффект?

h1 - h6, которые выглядят точно так же как остальная часть текста, вместо того, чтобы смотреть, как возглавляющих элементы

body { 
 
    background: #111; 
 
    color: #999; 
 
    text-align: justify; 
 
    text-justify: inter-word; 
 
    max-width: 80%; 
 
    margin: 10% 
 
} 
 
.uniform { 
 
    display: inherit; 
 
    text-align: inherit; 
 
    color: inherit; 
 
    font-size: inherit; 
 
    font-weight: inherit; 
 
} 
 
.mycoolstyle { 
 
    color: red; 
 
    font-size: 22px; 
 
    font-weight: bold; 
 
    display: inline; 
 
}
<body> 
 
    <div> 
 
    <h1>This is a Header 1 with browser defaults</h1> 
 
    <div class="mycoolstyle"> 
 
     <h1 class="uniform">This is a Header 1 with inhertied div style</h1> 
 
    </div> 
 
    <h2>This is a Header 2 with browser defaults</h2> 
 
    <div class="mycoolstyle"> 
 
     <h2 class="uniform">This is a Header 2 with inhertied div style</h2> 
 
    </div> 
 
    <h3>This is a Header 3 with browser defaults</h3> 
 
    <div class="mycoolstyle"> 
 
     <h3 class="uniform">This is a Header 3 with inhertied div style</h3> 
 
    </div> 
 
    <p>This is a paragraph with browser defaults 
 
     <br>Lorem ipsum dolor sit amet, in eam simul nostrud definiebas, mea iusto placerat prodesset ei. Eum summo audiam ea. Vitae aperiri at duo. Vis atomorum partiendo id, nam ea noluisse platonem. Nec minimum consequat cu, pri in harum moderatius. Ferri 
 
     aperiam forensibus an nam.</p> 
 
    <div class="mycoolstyle"> 
 
     <p class="uniform">This is a paragraph with inhertied div style 
 
     <br>Lorem ipsum dolor sit amet, in eam simul nostrud definiebas, mea iusto placerat prodesset ei. Eum summo audiam ea. Vitae aperiri at duo. Vis atomorum partiendo id, nam ea noluisse platonem. Nec minimum consequat cu, pri in harum moderatius. Ferri 
 
     aperiam forensibus an nam.</p> 
 
    </div> 
 
    </div> 
 
</body>