html页面文字格式化,HTML文本格式化

66b52468c121889b900d4956032f1009.png

8种机械键盘轴体对比

本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?

Heading and paragraph

Heading:

重要性依次降低,每页最好只用一个

,这些元素之间有层级关系,不要跳着用,浏览器会识别混乱不要用这些元素去简单得改变字体大小,它们是有语义的。

Paragragh:

Emphasis and importance

Emphasis: 语义为强调,显示的文字为斜体,屏幕阅读器会重读。

Importance: 语义为重要,显示的文字为加粗体,屏幕阅读器会重读。

Abbreviations

元素用来标记缩写,属性title的值为缩写的全称,完整的元素为:ABC

还有一个相近的元素叫专门用来定义首字母缩写的,但是意义不大,基本弃用。

Address

标记联系方式的语义化标签是

,包含在中是该文档的联系人的联系方式,包含在中的是该文章的联系人的联系方式,显示出来的联系方式为斜体,并且在单独的一段。完整的元素为:

Written by Mr.Chang.

Visit me at:

changxiupeng.github.io

地址内容要编排,容易跟

搞混,
在文本编辑器中不带标签的断行断段可以在页面保持, 并且字体为等宽,类似电传打字机样式的字体(Courier),一般用于标记代码(源代码字符要变为实体,希望执行的不用)和诗句。

Source code

有两个元素,一个是,一个是

它们的区别大致跟

的区别一样, : For making up generic pieces of computer code;
: For making up blocks of fixed width text, in which the whitespace is retained (generaly code blocks).

Entities

HTML中某些字符是预留的,即标签里会用到,比如,&等,如果不希望浏览器将它们识别为标签,就要把这些预留字符转换成字符实体:

小于号(

大于号(>)对应>

不间断空格对应 

版权符号对应©

更多的实体字符看实体字符参考手册不间断空格指该空格相连的文字视为一体,换行不会分开。

Quotations

短的引用用,完整的元素为:有些道理只是逼真

长的引用用

,完整的元素为:
交易不是简单的商品互换,而是价值排序的取舍。交易形成的价格更是包含了巨大的信息。

引用显示的字体不会有什么区别,只是两边带上了双引号,长引用会显示为缩进编排的一个新段落,并且有双引号

cite的值是你的引用地址,但是不会有在页面不会有任何显示,屏幕阅读器也不会有识别,除非用css和javascript。

如果想要这些内容显示在页面上,一个可行的方法就是将这些内容包含在一个元素里,放到引用内容的旁边,通常都是书名,说这些话的人名。上面的引用就会变成:有些道理只是逼真有些道理只是逼真

交易不是简单的商品互换,而是价值排序的取舍。交易形成的价格更是包含了巨大的信息。
-- 商场不是战场

包含的内容为斜体

元素也可以包含在一个中,起到链接的作用,指向引用地址。

Lists

无序列表

  • (unordered list)包含所有的列表条目,每条列表条目也要用
  • 包含,比如:
    • eggs
    • milk
    • bread

    有序列表

    1. (ordered list) 包含所有的列表条目,每条列表条目用
    2. 包含,比如:
      1. 拿笔
      2. 拿纸
      3. 写字

      描述列表

      (description term)包含解释词条
      (description description) 包含解释:
      soliloquy
      In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience
      monologue
      In drama, where a character speaks their thoughts out loud to share them with the sudience and any other character present.
      aside
      In drama,where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling,thought or piece of additional background information.

      列表里能嵌套列表,嵌套的列表会缩进,相当于次级列表,不影响上级列表的排序。

      其他

      上标

      下标

      变量

      时间

      键入内容

      计算机输出内容1 August 2016

      August 2016

      1 August

      13:07

      13:07, 1 August 2016

      1.07pm, 1 August 2016 is 9.07pm in Beijing

      The eighth week of 2016

      之所以要标定时间是要让浏览器能识别。

      Select all the text with Ctrl/Cmd + A.

       
              

      $ ping mozilla.org

      PING mozilla.org (63.245.215.20): 56 data bytes

      64 bytes from 63.245.215.20: icmp_seq=0 ttl=40 time=158.233 ms

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值