Насколько семантически мы можем получить с помощью HTML 5?

StackOverflow https://stackoverflow.com/questions/1025126

  •  06-07-2019
  •  | 
  •  

Вопрос

Это вики сообщества, в которой задается вопрос, " насколько семантической может быть наша HTML-разметка благодаря HTML 5? " Ниже вы можете найти исходный код примера страницы HTML 5. Цель состоит в том, чтобы сделать очень удобную, доступную, стилизованную веб-страницу, используя как можно меньше классов и идентификаторов.

Кроме того, когда вы планируете начать реализацию HTML 5? Будете ли вы ждать более 10 лет, пока черновик не будет окончательно оформлен, или вы станете & Quot; рано усыновителем & Quot; теперь, когда поддержка браузеров быстро растет? 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />  
        <title>Site Name &bull; Page Title</title>
    </head>
    <body>
        <nav>
            <h1><a href="/">Site Name</a></h1>
            <ul>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
            </ul>
        </nav>
        <header>
            <p>Welcome to the site!</p>
            <a href="#">Call to action!</a>
        </header>
        <section>
            <aside>
                <!-- Sidebar -->
            </aside>
            <article>
                <header>
                    <h2>Article Name</h2>
                    <p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p>
                </header>
                <p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p>
                <figure>
                    <img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" />
                    <label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label>
                </figure>
                <p>Lorem ipsum dolor...</p>
            </article>
        </section>
        <footer>
            <p>&copy; <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p>
        </footer>
    </body>
</html>
Это было полезно?

Решение

Это не будет 10+ лет. Этот период времени для & Quot; окончательное завершение & Quot; все браузеры поддерживают все части спецификации. Он должен стать кандидатом в конце этого года, начале следующего, и, надеюсь, будет утвержден к 2011/2 году.

Я делаю это сейчас, где могу, прямо сейчас. То, сколько я использую, зависит от аудитории, но поскольку доля IE постоянно падает, то, что они не поддерживают, больше не является убийцей, особенно из-за & Quot; HTML5 shiv &; позволяет воспроизводить семантические теги даже в IE6 с включенным js.

Что еще более важно, я начинаю переключать свое мышление на строки HTML5, используя сегодня классы для того, что завтра станет тегами HTML5 (div class = " nav "). Таким образом, я больше привыкну думать в терминах HTML5, когда появится такая возможность.

Другие советы

Хотя я очень рад видеть новые возможности, правда остается фактом, что мои клиенты используют IE6 (и аналогичные браузеры). Как бы мне ни хотелось, чтобы все использовали современный браузер, тот факт, что это не так, означает, что мне приходится работать с технологиями, которые не требуют их обновления.

Я собираюсь использовать его, как только браузеры его поддержат. Сайты, которые я создаю, в основном являются хобби-проектами, которые посещают пользователи Firefox (80% моего трафика использует последнюю версию FF).

Помните, что элемент cite не подходит для имени человека: HTML5 states " имя человека не является названием работы & # 8212; даже если люди называют этого человека частью работы & # 8212; поэтому элемент нельзя использовать для разметки имен людей. " Кроме того, косая черта в <meta charset="UTF-8" /> не обязательна.

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

(Возможно, если бы люди могли как-то убедить меня, что сеть может быть более похожа на данные и, следовательно, совместимость улучшится, то я могу быть несколько убежден, но это звучит слишком оптимистично)

Я повторю Джонотана Сампсона. Пока разумное количество людей все еще используют старые браузеры, сделать этот переход сложно.

С другой стороны, вероятно, разумно обнаружить браузеры и отправить версию, которая имеет смысл. Поскольку различия между этими двумя языками будут умеренными, возможно, будет целесообразно преобразовать страницу HTML5 в HTML4 с дополнительным классом и стилями в зависимости от пользовательского агента, возможно, с небольшим xslt на стороне сервера. Тем не менее, я сомневаюсь, что я был бы тем, кто изобрел эту технологию, хотя я использовал бы ее, если или когда она станет доступной.

Люди продолжают упоминать решение javascript для старых браузеров, таких как ie6, но что, если они не поддерживают javascript?

Извините, но не за ответ, а больше за ????? Так как в этом суть, я просто не понимаю семантической поддержки html5 и IE.

Вы всегда можете использовать ремень и брекеты для старых браузеров 

<nav><div id="nav"> some nav stuff</div></nav>

Но что мне кажется грязным?

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top