zoukankan      html  css  js  c++  java
  • H5 你不常用的文字排版

    HTML5 中有许多其他元素可以用于格式化文本,我们没有在HTML 文字处理基础中提到它们。本文中所描述的元素虽然少有人知,但仍然值得去学习(尽管仍然不是完整的列表)。

    高级文字格式

    描述列表

    dl dt dd 描述列表使用 dl 包裹, 每一项用 dt包裹,描述用 dd 包裹

    <dl>
      <dt>内心独白</dt>
        <dd>戏剧中,某个角色对自己的内心活动或感受进行念白表演,这些台词只面向观众,而其他角色不会听到。</dd>
      <dt>语言独白</dt>
        <dd>戏剧中,某个角色把自己的想法直接进行念白表演,观众和其他角色都可以听到。</dd>
      <dt>旁白</dt>
        <dd>戏剧中,为渲染幽默或戏剧性效果而进行的场景之外的补充注释念白,只面向观众,内容一般都是角色的感受、想法、以及一些背景信息等。</dd>
    </dl>
    

    引用

    <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
      <p>The <strong>HTML <code>&lt;blockquote&gt;</code> Element</strong> (or <em>HTML Block
      Quotation Element</em>) indicates that the enclosed text is an extended quotation.</p>
    </blockquote>
    
    ### 缩略语
    ```html
    <p>我们使用 <abbr title="超文本标记语言(Hyper text Markup Language)">HTML</abbr> 来组织网页文档。</p>
    <p>第 33 届 <abbr title="夏季奥林匹克运动会">奥运会</abbr> 将于 2024 年 8 月在法国巴黎举行。</p>
    

    标记联系方式

    <address>
    <p>Chris Mills, Manchester, The Grim North, UK</p>
    <p>咖啡因的化学方程式是 C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>。</p>
    </address>
    

    咖啡因的化学方程式是 C8H10N4O2

    HTML 布局元素细节

    • <main> 存放每个页面独有的内容。每个页面上只能用一次 <main>,且直接位于 <body> 中。最好不要把它嵌套进其它元素。
    • <article> 包围的内容即一篇文章,与页面其它部分无关(比如一篇博文)。
    • <section><article> 类似,但 <section> 更适用于组织页面使其按功能(比如迷你地图、一组文章标题和摘要)分块。一般的最佳用法是:以 标题 作为开头;也可以把一篇 <article> 分成若干部分并分别置于不同的 <section> 中,也可以把一个区段 <section> 分成- 若干部分并分别置于不同的 <article> 中,取决于上下文。
    • <aside> 包含一些间接信息(术语条目、作者简介、相关链接,等等)。
    • <header> 是简介形式的内容。如果它是 <body> 的子元素,那么就是网站的全局页眉。如果它是 <article><section> 的子元素,那么它是这些部分特有的页眉(此 <header> 非彼 标题)。
    • <nav> 包含页面主导航功能。其中不应包含二级链接等内容。
    • <footer> 包含了页面的页脚部分。
  • 相关阅读:
    LeetCode 222.完全二叉树的节点个数(C++)
    LeetCode 704.二分查找(C++)
    LeetCode 441.排列硬币(C++)
    LeetCode 981.基于时间的键值存储(C++)
    LeetCode 167.两数之和(C++)
    LeetCode 367.有效的完全平方数(C++)
    LeetCode 881.救生艇(C++)
    LeetCode 860.柠檬水找零(C++)
    LeetCode 870.优势洗牌(C++)
    bootstrap
  • 原文地址:https://www.cnblogs.com/boyGdm/p/14830594.html
Copyright © 2011-2022 走看看