Comments (8)
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.
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.
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.
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.
This is a great discussion guys! 🍻
from wp-flex.
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.
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.
It's fixed! thanks @AndyStaple and @chrisvanpatten you guys rawck! 🤘
from wp-flex.
Related Issues (11)
- Boilerplate Comment Styling
- Filter Title in Body ID
- Header Image
- Multiple errors when activating theme. ("already defined" and "Cannot modify header information") HOT 1
- Title Tag 4.1 Update
- Need notice to authors about enque script
- Author Profile Enhancement HOT 1
- Add WordPress Themes Accessibility Guidelines Link to README
- WordPress 3.8 Updates and Enhancements
- Goodies
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from wp-flex.