Odwołanie się do pseudoelementu content w CSS

0

Witajcie,
mam dziwny problem ze znacznikami dostarczanymi wraz z HTML5. Mianowicie chodzi o znacznik

<content>...</content>

.
Do tej pory używałem takiej konstrukcji:

<div id="content>...</div>

, jednak straciło to na znaczeniu po wprowadzeniu nowych elementów do języka. Otóż chcę teraz zawartość diva o id="content" przenieść do pseudoelementu content w CSS.

Robię to tak:

content { width: 900px; height: 500px; padding: 15px; color: #000; font-size: 0.3em }

Podałem przykładowy content(z głowy wymyślane) ale nie o to chodzi. Dlaczego gdy teraz użyję w HTML:

<content>
...
</content>

Nie uzyskam, żadnego efektu?

Korzystam z Sublime Text 3. Inne "nowe" znaczniki w nim charakterystycznie się pogrubiają(w tym edytorze), np. nav, header, article itd. Tylko jeden content zostaje bez pogrubienia i nie da się do niego odwołać. Dlaczego? Inne znaczniki działają.

0

Znacznik <content> zostal odrzucony w specyfikacji HTML5.

Polecam http://html5doctor.com/downloads/h5d-sectioning-flowchart.pdf

Pamiętaj, że tagi semantycznie mają mieć znaczenie semantyczne, a nie zastępować div'y.
<div id="content"> to bardziej wrapper i jest do ostylowania (zamknięcia contentu w pudełko) i nie powinien wchodzić w outline dokumentu (czyt. nie powinno sie go zastepowac <section> itp.)

Swoją drogą tag nie może być pseudo-elementem. Pseudo element to np. cos takiego:

li:before {
...
}

http://www.w3schools.com/css/css_pseudo_elements.asp

0

Ok. Dzięki. A co masz na myśli mówiąc, że nie powinien wchodzić w outline dokumentu? Zatem jak najlepiej go użyć?

Dodatkowo wrapper też nie da się ostylować w CSS. Dlaczego?

0

To struktura dokumentu. Taki trochę spis treści. Trudno jest wytłumaczyć zasadę działania w dwóch słowach więc polecam sie zapoznac z tym artykulem:
http://html5doctor.com/lets-talk-about-semantics/ ENG
http://burczu-programator.pl/blog/html5-tworzenie-struktury-dokumentu PL (nie wiem, na ile dobry jest ten artykul, bo czytalem tylko ten wyzej)
http://www.w3.org/TR/html5/ (Tak, to co tam jest to tylko spis tresci ;)

0
<div id="content">
        <h1>Nagłówek H1</h1>
        <article>
            <h2>Aktualności:</h2>
                <p>Jakaś aktualność</p>
        </article>
        <footer>
            <p>Copyright by...</p>
        </footer>
    </div>

Z czego article nie jest ostylowany. Czy można w ten sposób korzystać? Czy jest to zgodne z HTML5?

0

Teoretycznie tak, ale bez zapoznania sie z tymi znacznikami ciezko Ci bedzie stworzyc poprawny dokument.

0

Wiem jak funkcjonują te znaczniki, bo przed chwilą o nich przeczytałem. Dlaczego teoretycznie tak? Można to zrobić lepiej? Czy coś nie tak?

0

To tak jakbyś mi powiedział, że samochód jeździ, a ja nie wiedząc nic więcej miałbym Ci powiedzieć czy jest dobry, czy nie :) Założenie jest dobre, ale nie wiem co wpakujesz gdzie docelowo.

1 użytkowników online, w tym zalogowanych: 0, gości: 1