其中包裹着段落

其中包裹着标题,1-6标题,其中h1最大

利用以上两个可以表明结构层次,使读者阅读时观感更好。
最佳实践:

  • 您应该最好只对每个页面使用一次

    — 这是顶级标题,所有其他标题位于层次结构中的下方。

  • 请确保在层次结构中以正确的顺序使用标题。不要使用

    来表示副标题,后面跟

    来表示副副标题 - 这是没有意义的,会导致奇怪的结果。

  • 在可用的六个标题级别中,您应该只在每页使用不超过三个,除非您认为有必要使用更多。具有许多级别的文档(即,较深的标题层次结构)变得难以操作并且难以导航。在这种情况下,如果可能,建议将内容分散在多个页面上

      无序(unordered)列表

      <ul>
      <li>豆浆</li>
      <li>油条</li>
      <li>豆汁</li>
      <li>焦圈</li>
      </ul>

        有序(ordered)列表

        1. <ol>
        2. <li>沿着条路走到头</li>
        3. <li>右转</li>
        4. <li>直行穿过第一个十字路口</li>
        5. <li>在第三个十字路口处左转</li>
        6. <li>继续走 300 米,学校就在你的右手边</li>
        7. </ol>

        其实列表与列表可以相互嵌套

        加粗某个字体或

        使字体倾斜 或

          下划线

          以上三者都可以嵌套在其他标签里面

        • 被用来传达传统上用斜体表达的意义:外国文字,分类名称,技术术语,一种思想

        • 被用来传达传统上用粗体表达的意义:关键字,产品名称,引导句……
        • 被用来传达传统上用下划线表达的意义:专有名词,拼写错误……

        以上三者都是表象元素:这里是最好的经验法则:如果没有更合适的元素,那么使用 来表达传统上的粗体、斜体或下划线表达的意思是合适的。然而,始终拥有可访问性的思维模式是至关重要的。斜体的概念对人们使用屏幕阅读器是没有帮助的,对使用其他书写系统而不是拉丁文书写系统的人们也是没有帮助的。

        超链接

        • 使用 herf属性使它指向你所希望的链接
        • 使用 title属性添加支持信息(鼠标放上面有相关说明)
        • 除了可以将一些行内元素转化成超链接,还可以将块级元素…比如img
        • 相对链接和绝对链接,你懂的,相对链接中返回上级链接用的是../
        • 并且尽可能地使用相对链接
        • 链接到非HTML资源的时候,需要留下清晰的指示 ```html

          下载销售报告(PDF, 10MB)

        观看视频(将在新标签页中播放, HD画质)

        进入汽车游戏(需要Flash插件)

        ```