Welcome to Codidact Meta!
Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.
Post History
When editing a post, headings with a single hash # show as significantly bigger than headings with a double hash ##. However, after saving, these two headings are much closer in size (to the point ...
#3: Post edited
by
trichoplax
·
2022-10-25T03:06:24Z (about 2 years ago)
Typo
- When editing a post, headings with a single hash `#` show as significantly bigger than headings with a double hash `##`. However, after saving, these two headings are much closer in size (to the point that my initial draft of this post mistakenly claimed that they are the same size).
- For example:
- ```text
- # Heading 1
- ## Heading 2
- ### Heading 3
- #### Heading 4
- ```
- renders as:
- # Heading 1
- ## Heading 2
- ### Heading 3
- #### Heading 4
Notice that Heading 1 and Heading 2 are the quite similar in size here while you are reading this, but if you edit this post and look at the preview while editing, Heading 1 will be significantly bigger.- # What should the correct behaviour be?
- Personally I prefer the sizes that show in the preview while editing. I can easily tell the difference between Heading 1 and Heading 2 even if they are not adjacent in the post. I find the sizes in the saved post to be difficult to distinguish even when adjacent (especially in real cases that, unlike this example, don't both start with the same word).
- Whatever the decision, what I see as important is that the preview should have the same behaviour as the rendered question, to avoid frustration for the question author, or being overlooked leading to a question that does not look as expected when written.
- When editing a post, headings with a single hash `#` show as significantly bigger than headings with a double hash `##`. However, after saving, these two headings are much closer in size (to the point that my initial draft of this post mistakenly claimed that they are the same size).
- For example:
- ```text
- # Heading 1
- ## Heading 2
- ### Heading 3
- #### Heading 4
- ```
- renders as:
- # Heading 1
- ## Heading 2
- ### Heading 3
- #### Heading 4
- Notice that Heading 1 and Heading 2 are quite similar in size here while you are reading this, but if you edit this post and look at the preview while editing, Heading 1 will be significantly bigger.
- # What should the correct behaviour be?
- Personally I prefer the sizes that show in the preview while editing. I can easily tell the difference between Heading 1 and Heading 2 even if they are not adjacent in the post. I find the sizes in the saved post to be difficult to distinguish even when adjacent (especially in real cases that, unlike this example, don't both start with the same word).
- Whatever the decision, what I see as important is that the preview should have the same behaviour as the rendered question, to avoid frustration for the question author, or being overlooked leading to a question that does not look as expected when written.
#2: Post edited
by
trichoplax
·
2022-10-25T02:26:57Z (about 2 years ago)
Fix my mistaken belief that h1 and h2 are identical sizes when saved
Main and subheadings are the same size, but not in the edit preview
- Main and subheadings are almost the same size, but not in the edit preview
When editing a post, headings with a single `#` show as equivalent to HTML `<h1>` tags (as expected). However, after saving, all such headings are demoted to show as the same size as `<h2>` tags. Smaller headings are not demoted, leaving all of the `#` and `##` headings showing the same size, `<h2>`.In the page HTML, it appears that the `#` headings are being converted to `<h1>`, but they are being styled to be exactly the same size as `<h2>`.- For example:
- ```text
- # Heading 1
- ## Heading 2
- ### Heading 3
- #### Heading 4
- ```
- renders as:
- # Heading 1
- ## Heading 2
- ### Heading 3
- #### Heading 4
Notice that Heading 1 and Heading 2 are the same size here while you are reading this, but if you edit this post and look at the preview while editing, Heading 1 will be significantly bigger.- # What should the correct behaviour be?
I understand that by convention, there should only be one `<h1>` tag as the main heading of the page. I'm not sure if this was related to making the `<h1>` tags show as `<h2>` size. If that is the intention, then it would seem necessary to correspondingly shrink the smaller heading sizes too, as it is confusing to have two that look identical but carry different semantic content.If it was not intentional, the `#` headings could be made larger, but this may clash with the fact that the question title is displayed at the same size as `##` headings.- Whatever the decision, what I see as important is that the preview should have the same behaviour as the rendered question, to avoid frustration for the question author, or being overlooked leading to a question that does not look as expected when written.
- When editing a post, headings with a single hash `#` show as significantly bigger than headings with a double hash `##`. However, after saving, these two headings are much closer in size (to the point that my initial draft of this post mistakenly claimed that they are the same size).
- For example:
- ```text
- # Heading 1
- ## Heading 2
- ### Heading 3
- #### Heading 4
- ```
- renders as:
- # Heading 1
- ## Heading 2
- ### Heading 3
- #### Heading 4
- Notice that Heading 1 and Heading 2 are the quite similar in size here while you are reading this, but if you edit this post and look at the preview while editing, Heading 1 will be significantly bigger.
- # What should the correct behaviour be?
- Personally I prefer the sizes that show in the preview while editing. I can easily tell the difference between Heading 1 and Heading 2 even if they are not adjacent in the post. I find the sizes in the saved post to be difficult to distinguish even when adjacent (especially in real cases that, unlike this example, don't both start with the same word).
- Whatever the decision, what I see as important is that the preview should have the same behaviour as the rendered question, to avoid frustration for the question author, or being overlooked leading to a question that does not look as expected when written.
#1: Initial revision
by
trichoplax
·
2022-10-25T01:52:34Z (about 2 years ago)
Main and subheadings are the same size, but not in the edit preview
When editing a post, headings with a single `#` show as equivalent to HTML `<h1>` tags (as expected). However, after saving, all such headings are demoted to show as the same size as `<h2>` tags. Smaller headings are not demoted, leaving all of the `#` and `##` headings showing the same size, `<h2>`. In the page HTML, it appears that the `#` headings are being converted to `<h1>`, but they are being styled to be exactly the same size as `<h2>`. For example: ```text # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ``` renders as: # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 Notice that Heading 1 and Heading 2 are the same size here while you are reading this, but if you edit this post and look at the preview while editing, Heading 1 will be significantly bigger. # What should the correct behaviour be? I understand that by convention, there should only be one `<h1>` tag as the main heading of the page. I'm not sure if this was related to making the `<h1>` tags show as `<h2>` size. If that is the intention, then it would seem necessary to correspondingly shrink the smaller heading sizes too, as it is confusing to have two that look identical but carry different semantic content. If it was not intentional, the `#` headings could be made larger, but this may clash with the fact that the question title is displayed at the same size as `##` headings. Whatever the decision, what I see as important is that the preview should have the same behaviour as the rendered question, to avoid frustration for the question author, or being overlooked leading to a question that does not look as expected when written.