Giter Site home page Giter Site logo

Comments (8)

AndyStaple avatar AndyStaple commented on June 22, 2024

I suppose it is a good idea in the sense of feed readers, but adding full hNews microformat support adds a ton of bad-semantic class tags and additional markup. In Paul's specific case via twitter I think especially when starting out having people use less code vs more is beneficial when learning first hand.

I did just test and both readability and instapaper pull the data in fine without a div around the_content, but that doesn't mean all of them will.

from wp-flex.

grayghostvisuals avatar grayghostvisuals commented on June 22, 2024

I have to say I agree with what @AndyStaple describes above and I know @chrisvanpatten has his points with a div, but Microformats are solely based on semantic classes and have nothing to do with the markup itself (i.e. vCard). Maybe instead of a div we could simply use a section to group related content (which can be nested inside an article). BTW I don't really care what Instapaper or Readability does as long as there is a standard behind the method.

My Proposal

<section class="entry-content">
    <?php the_content(); ?>
</section>

The "entry-content" class denotes what part of the article is the body content.

Also via Microformats:

hNews 0.1
This document represents a draft microformat specification. Although drafts are somewhat mature in the development process, the stability of this document cannot be guaranteed, and implementers should be prepared to keep abreast of future developments and changes. Watch this wiki page, or follow discussions on the microformats-new mailing list to stay up-to-date.

from wp-flex.

chrisvanpatten avatar chrisvanpatten commented on June 22, 2024

I don't think the tag you choose matters necessarily, just the fact that there is one. Let the record show I wasn't arguing in favor of a div specifically.

(I think there are arguments to be made in favor of the div here, but that is less important. section is probably just as good... Frankly, I think section is just as meaningful (or meaningless) as div anyway, but that's a personal gripe with the HTML5 spec.)

from wp-flex.

chrisvanpatten avatar chrisvanpatten commented on June 22, 2024

Also, @AndyStaple — I've noticed issues w/ Amazon's Website-to-Kindle parser when you don't have a div around the content. It's sporadic, but it's there.

from wp-flex.

grayghostvisuals avatar grayghostvisuals commented on June 22, 2024

This is a great discussion guys! 🍻

from wp-flex.

AndyStaple avatar AndyStaple commented on June 22, 2024

Good info on the Kindle issue, one of the gadgets I don't have on hand to test with.

The div may actually be the most sensical element to put around the content if it does need one for Kindle (and possibly others). I agree that the section documentation is muddy at best but I do like the write up HTML5Doctors gave. Basically, try to only use it when it has a corresponding heading. http://html5doctor.com/the-section-element/

from wp-flex.

grayghostvisuals avatar grayghostvisuals commented on June 22, 2024

I too think the section tag can me very mysterious but HTML5 Doctor does explain this well. Here is the current WHATWG spec for reference. Sounds like the div is the solution as Chris stated originally.

http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-section-element

from wp-flex.

grayghostvisuals avatar grayghostvisuals commented on June 22, 2024

It's fixed! thanks @AndyStaple and @chrisvanpatten you guys rawck! 🤘

from wp-flex.

Related Issues (11)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.