Comments (8)
I’m pretty sure the smaller h1 is a feature, not a bug. Since HTML5 it’s possible, to ignore the “correct” header nesting, use only h1 and signal the subordination with nested sections or articles, see https://stackoverflow.com/questions/24986162/html5-nested-sections-and-heading-tags/24987792#24987792
Yes, browser may interpret this different, but if you resize the nested h1 back to it’s original size you prevent this possibility HTML5 offers. It would be more correct to enable this smaller sectioned headings in all browsers (IE 6/7, too), but because it depends heavily on the whole context, that may be difficult to do with normalize.css.
from modern-normalize.
Hi @sindresorhus! Are you just testing in the last version of Chrome and the last version of Firefox?
from modern-normalize.
Yes
from modern-normalize.
The h1
element has the same behavior in both browsers (within article
or section
too). So, the rule here it should not be necessary if you are "normalizing", otherwise it should be indicated as "opinionated".
Are you agree?
from modern-normalize.
@ismamz Try using git blame
to see when it was introduced and why. There might be something you're missing. https://github.com/necolas/normalize.css/blame/master/normalize.css
from modern-normalize.
@sindresorhus Sorry, but I don't find the reason to keep this rule. Maybe I missing something. I did a test and there are no difference when you write h1
within nested HTML sections (section
, aside
, etc). By the way, a HTML test file could be useful.
from modern-normalize.
Sorry, but I don't find the reason to keep this rule.
That's why I'm asking you to dig into why it was added in the first place. Even if you can't reproduce it, doesn't mean it's not there for a good reason. I'm not saying this is the case here, but we should always dig into the origins to find out. These are the relevant commits: necolas/normalize.css@e9e2874 necolas/normalize.css@fc85cfb
from modern-normalize.
@charakterziffer I agree that it is a feature. How modern-normalize does not support IE and other older browsers that might have trouble with this, there is no need to support them. There is no reason to keep it in modern-normalize.css (it does not normalize), and perhaps it can be useful in modern-base.css.
Here is a related issue: #23
from modern-normalize.
Related Issues (20)
- Consider preventing overflow of replaced elements
- Normalise button styling HOT 7
- Built-in support for CSS-inJS HOT 1
- Placeholder opacity in FireFox
- Why there are two properties of body? HOT 1
- Consider a version without forcing box-sizing HOT 10
- Set `border-style` for `<hr>` elements HOT 3
- 1.1.0 is not available on cdnjs.com HOT 4
- Accessibility fix: Allow iOS browsers to auto-scale fonts based on user preference HOT 1
- Outdated `:-moz-focusring` makes form elements less accessible HOT 4
- Use of `all`, `:where()`, and `:not()` could make a better reset HOT 6
- How to revert normalized css styles to their original form? HOT 1
- Only show dotted underline on abbr[title] if @media (supports: hover) media query HOT 1
- Can you provide a compressed version? HOT 2
- heading and paragraph margin top HOT 1
- <img>, and <video> display block and max-width 100%
- vs code gives warning about modern-normalize HOT 4
- Form margin bottom in chrome
- Search outline style in Chrome looks weird
- Move font-family to html from body HOT 4
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 modern-normalize.