给出以下html
<div class="module">
<div class="header">
<h1>Test Heading</h1>
<a href="">edit</a>
</div>
<div class="body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu lacus at augue tristique dignissim. Nunc vitae porta lorem. Nullam eu nunc sit amet arcu dictum convallis. Vestibulum quis purus quis sem rhoncus imperdiet eget at nisl. Fusce non metus libero, vel viverra purus. Quisque ullamcorper congue risus vel adipiscing. Quisque vehicula ante in quam malesuada at porta diam gravida. Aenean sagittis, ipsum eget egestas malesuada, turpis neque …使用css重置后,我的所有标题标签都被重置(当然).像平常一样对它们进行造型的最佳方法是什么.
当然有更好的方法吗？
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.7em; }
为了使导航列表项显示在大纲中，是否可以在 HTML5 导航元素内的列表项标记中嵌套标题标记？这是有效的，但是导航列表项上有标题在语义上正确吗？有什么方法可以让导航项显示在 HTML5 的大纲中吗？或者我应该关心这个吗？
包括 WordPress 官方模板，有很多资源解释了如何使用“header”标签对“h1”和“h2”进行编码，以将副标题包含为“p”标签。
例如，
<main>
<header>
<h1>The Title For The Site</h1>
<p>The subtitle goes here</p>
</header>
...
</main>
或者对于存档页面：
<main>
<header>
<h1>The Title For The Site</h1>
<p>The subtitle goes here</p>
</header>
<article>
<header>
<h1>The Title Of An Article</h1>
<p>The subtitle for the article</p>
</header>
...
</article>
...
</main>
所以问题是： 如果我也需要这些级别的字幕，那么其他级别的 h3 到 h6 标题是什么？
在语义上是否可以进行如下标记：
<main>
<header>
<h1>The Title For The Site</h1>
<p>The subtitle goes here</p>
</header>
<p>Lorem ipsum dolor sit amet, consectetur ... dignissim.</p>
<header>
<h3>Fusce rutrum</h3>
<p>Vestibulum commodo …我在说正确的语义标记.
我知道通常没有理由不从h1开始并从那里开始工作.
但是,如果我正在构建类似于侧边栏的东西,它有自己的独立层次结构,那么最佳做法是什么？我知道我可以从h1开始并使用css规则来区分侧栏h1和主h1,但是如果我在h3处开始,那么我可能没有更多的机会来编写尽可能多的css因为它会直接匹配或者至少更靠近主要的h3.
同时,这不是严格的语义,是吗？
这里有最好的做法吗？(我主要关注屏幕阅读器看起来最好的东西)
我想显示"情绪分析",这样S应该比h5文本大得多.
以下代码有什么问题:
HTML:
<h1>S</h1> <h5>entiment Analysis</h5>
CSS:
h1 {
margin-left: 36%;
color:#C0C0C0;
font-family: "calibri";
text-decoration:underline;
white-space: pre;
}
h5 {
margin-left: 36%;
color:#C0C0C0;
font-family: "calibri";
text-decoration:underline;
white-space: pre;
}
我正在构建一个新网站，最近开始研究文档大纲算法。它规定所有部分都应该有一个标题，部分包括section、nav、article和body（可能还有更多）。
所以，我有几个导航区域，我的问题是；拥有标题但将其隐藏在浏览器中是否明智？
就可访问性和文档结构而言，主页上的 h1 或主标题应该是什么？
在其他页面上，情况大多很简单：页面标题是 h1 的良好候选者。但主页上很可能没有标题？
那么你想制作一个 h1 什么呢？标志？隐藏标题说主页？
HTML 标题标签的使用方式应保持语义结构（对于 SEO 和可访问性）。<h1>通常，这意味着当前页面标题为单个标题，并从那里嵌套较少的标题。
然而，对话框通常是动态创建的，这意味着它们的 html 添加在<body>. 在这些情况下，似乎任何对话框标题编号都应以 开头<h1>，因为它们的 html 位于任何现有标题结构之外。
举一个实际的例子：
<h1>标题的用户个人资料页面该对话框是否应该使用<h1>标题，即使在语义上它属于现有的“我的个人资料” <h1>？
html-heading ×10
html ×8
css ×3
alignment ×1
css-float ×1
css-reset ×1
dialog ×1
html-lists ×1
html5 ×1
nav ×1
shadow-dom ×1