html - 对段落和各种文本的正确 html 结构感到好奇

标签 html css tags format structure

所以过去几周我一直在我的网站上工作,一开始我对 HTML/CSS 或 JS 一无所知。在两周内,我学到了足够多的知识,现在我实际上是为家人和 friend 定制编码网站,他们的网站非常过时,看起来像拨号时代的东西。

关于我自己的网站...

(现在我正在使用在线站点编辑器来加快这个过程,因为我现在没有太多空闲时间,我完全计划在我有时间的时候从头开始重建它,但只需要一些工作现在。)

我一直在进行大量自定义编码以使我的网站正常运行,并且很好奇我的段落和文本部分应该使用什么样的结构。既适用于“编辑器内”,也适用于“从头开始开发”。

虽然我“可以”只使用编辑器内置的段落 工具,但我更喜欢使用 HTML 元素来获得我想要的样式。我想知道我应该使用什么格式来创建我的段落布局,因为我被困在两种可能的格式上。我想知道我应该关注哪些方面以提供质量更好的 HTML 格式并避免坏习惯。

我知道经常<h#>标签应用于标题和重要文本,<p>标签应该用于大段落内的任何内容,但由于编辑器和浏览器的默认格式,我想知道使用“< div >”标签选项是否有任何问题或者它是否不正确我应该使用“< p >”标签选项。


< div class="some-header" >
<br>
Some Page Header
<br>
< /div >
<br>
<br>
< div class="some-paragraph" >
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Ut dignissim, tortor id fringilla tincidunt, mauris.
<br>
< /div >
_____________________________________________________
< h1 class="some-header" >
<br>
Some Page Header
<br>
< /h1 >
<br>
<br>
< p class="some-paragraph" >
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Ut dignissim, tortor id fringilla tincidunt, mauris.
<br>
< /p >
_________

那么这些选项有什么问题吗?我真的不确定它是否重要。如果它只是简单的微不足道的语义并且没有任何实际影响。还应该注意的是,我倾向于在我的 HTML 和 CSS 中塞满小笔记,以供我自己(以及任何阅读它的人)使用,这样我就不会迷路。几乎每一段代码都变得“漂亮”,在花哨的框中用大块注释和在所有内容上的注释标题帮助我记住所有内容。非常感谢任何关于此事的反馈或想法。

最佳答案

使用 div 元素封装文本内容,然后使用 classesids 来操作它们并没有错。然而,为特定任务使用 HTML 中提供的适当元素是一种很好的做法。

例如,可以用 div 元素制作一个表格,但没有理由这样做,因为 HTML 中已经有一个结构可用于该任务。文档对象模型定义了页面的逻辑结构,保持逻辑结构合乎逻辑是一种很好的做法。

我建议在您的段落内容中使用带有 p 标签的后一个选项。

我还建议不要在代码中使用 br 标签。您可以使用边距分隔您的 div。如果您需要一个元素间隔多一点,则同一类的所有其他元素都使用一个 id。

干杯!

关于html - 对段落和各种文本的正确 html 结构感到好奇,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39978184/

相关文章:

javascript - 在 ng-repeat 中使用 ng-if 和 ng-switch 失败

html - 多种屏幕尺寸的轮播图像尺寸

javascript - 是否可以更改点击元素?

javascript - 如何在悬停时将类添加到不同的元素?

html - CSS3 Scale - 防止缩放文本

html - 自定义 Bootstrap 按钮

python - Django:更改由 {{variable}} 生成的文本字符串中间的 HTML 模板字体

jquery - :after pseudo class not working outside Chrome

amazon-web-services - 尝试运行 Lambda 函数来调用 ssm 并定义一个 EC2 标签以将其推送到多个实例上

php - 如何使用 PHP 按标签拆分文本?