2016-10-13 3 views
1

я был дан тест и парень просто сказал:Улучшение HTML разметки

Улучшение HTML

<div class="header"></div> 
<div class="main"></div> 
<div class="footer"></div> 

Все, что я могу думать о том, чтобы использовать HTML5 <header>, <section> и <footer> теги, но я не получил ответа и никаких отзывов о том, как он хотел бы, чтобы он был улучшен.

За пределами тегов есть что-нибудь еще, что можно было бы сделать до улучшить HTML?

+1

Возможно изменить верхний и нижний колонтитулы заголовка на id, а правильные интервалы отступ/сделать. Не так много, чтобы улучшить, может быть, он хочет добавить контент и CSS. Вы должны спросить его больше о том, что он на самом деле означает ... –

+1

Также, возможно, он хотел гнездования. Кто знает с таким глупым неопределенным вопросом. Лучше просить разъяснений. –

+0

@ GaryHayes Yeh, все, что он продолжал говорить, это улучшить его ... –

ответ

7

Ответ, вероятно, предполагается использование новых тегов HTML5:

<header></header> 
<main></main> 
<footer></footer> 

... но это зависит от browser support.

-1

Вы не можете «улучшить», но вы можете стиль его лучше:

<!DOCTYPE html> 
<html> 

<head> 
    <!-- 
    Link styles and such, possibly JavaScript and CSS files 
    --> 
    <script src = "main.js"></script> 
    <link href = "stylesheet.css" type = "text/css" rel = "stylesheet"> 
    <title>Untitled</title> 
</head> 

<body> 

    <div class="header"> 

    </div> 

    <div class="main"> 

    </div> 

    <div class="footer"> 

    </div> 

</body> 
</html> 

Это делает HTML более обоснованными и полными, и готовы к развитию. Кроме того, он позволяет визуализировать каждый элемент. Я не могу придумать что-нибудь еще, чтобы улучшить его, если ваш собеседник не хочет добавлять стили для создания полного веб-сайта.

+1

Я нигде не видел никого, когда-либо помещал пространство с каждой стороны '=' в этом контексте, каждый в свою очередь, но также и другие ответы, прежде чем говорить, что его нельзя улучшить: P – zanderwar

+0

@ Zanderwar Я думаю, что фраза _ «Вы не можете« улучшить »это» _ в этом ответе означает, что нет никакого деликатного способа сделать это, а не вообще. – Xufox

+1

Существует определенный способ сделать это: преобразовать его из HTML4 в HTML5, тем самым обеспечивая поисковые системы большей мобильностью при обнаружении основного содержимого каждой страницы. Весь этот плакат сделал, взяв исходный код и завернув его в тег body. Браво. – zanderwar

0

С HTML4, разработчики использовали свои собственные имена идентификаторов/класса к элементам стиля: заголовок, сверху, снизу, колонтитул, меню, навигация, основной, контейнер, содержание, статьи, боковой панели, topnav и т.д.

Это не позволяет поисковым системам идентифицировать правильное содержимое веб-страницы.

С новыми HTML5 элементами <header> <footer> <nav> <section> <article>, это станет проще.

Смежные вопросы