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

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

6 голосов
/ 22 июня 2009

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

Кроме того, когда вы планируете начать реализацию HTML 5? Будете ли вы ждать более 10 лет, пока черновик не будет завершен, или вы станете «первопроходцем» сейчас, когда поддержка браузеров быстро растет? 

<!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>

Ответы [ 7 ]

5 голосов
/ 25 июня 2009

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

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

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

2 голосов
/ 22 июня 2009

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

2 голосов
/ 22 июня 2009

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

1 голос
/ 22 июня 2009

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

0 голосов
/ 17 февраля 2012

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

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

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

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

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

0 голосов
/ 22 июня 2009

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

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

0 голосов
/ 22 июня 2009

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...