十九 控制文本 Mastering Text

控制

现在br标签被使用过度,当本来应用p标签表示段落的时候。表示段落的时候应该使用p标签。同样的道理,有许多标签应该被用来定义可靠的文本元素,比如quotations引用语, abbreviations缩写和computer code计算机代码。

一定要注意,虽然浏览器可以多样实施这些标签,但一定要牢记不管每个元素看起来怎么样,一定要保证语意正确。

Abbreviations缩写和 acronyms只取首字母缩写

abbr用于缩写,acronym表示只取首字母的缩写

一个缩写词是个短语的缩写,非常一般,一个只取首写字母的缩写就是由一个短语的首个字母组成。所以CSS是个正确的只取首写字母的缩写,而HTML和XHTML不是(如果'Hypertext markup language' 取首写字母缩写就是'HML'同样的XHTML就是'EHML')。

应用最适合的可用性,用title表现短语的缩写或只取首写字母的缩写。

<p>This web site is about <abbr title="HyperText Markup Language">HTML</abbr> and <acronym title="Cascading Style Sheets">CSS</acronym>.</p>

因为一些莫名其妙的原因,IE浏览器不支持abbr标签,一个叫Marek Prokop的朋友使用javascript让它工作,clever Javascript workaround

关于两个的使用方法有很多争议。Lars Holst的文章里提到 the most detailed insight

Quotations引用语

blockquote,pcite用于引用语。blockquote是块元素用于大的引用,q是行元素用于小的引用。cite同样是行元素,比q更有语意,将来可能取代q

title属性可以用来表示引用来自哪里。

q标签通常不改变上面的文本外观,如果你想改变可以使用CSS。

<p>So I asked Bob about quotations and he said <cite>I know as much about quotations as I do about pigeon fancying</cite>. Luckily, I found HTML Dog and it said...</p><blockquote title="From HTML Dog, http://www.htmldog.com/"><p>blockquote, q and cite are used for quotations. blockquote is block-line and used for large or citations, whereas q is in-line and used for smaller phrases. cite is also in-line and preferable to q for its semantic nature and possible future deprecation of q.</p></blockquote>

code 代码

有许多标签,codevar指定用来表示计算机代码。presamp,它们同样主要应用在代码上。

code用于计算机代码。

var用于代码里面的变数说明。

<code><var>ronankeatingisbland</var> = true;</code>

samp和code很相似,但它假定用于输出代码的例子。

pre是预先格式文本,在html标签里它与众不同,在它里面提供一个白色的禁区用于代码块显示。

<pre><div id="intro"><h1>Some heading</h1><p>Some paragraph paragraph thing thing thingy.</p></div></pre>

Definition terms 定义术语

dfn是定义术语,用来高亮术语的第一个使用。像abbracronymtitle属性用来描述术语。

<p>Bob's <dfn title="Dog">canine</dfn> mother and <dfn title="Horse">equine</dfn> father sat him down and carefully explained that he was an <dfn title="A mutation that combines two or more sets of chromosomes from different species">allopolyploid</dfn> organism.</p>

addresses地址

address用于表示地址。

<address>HMTL Dog House<br />HTML Street<br />Dogsville<br />HT16 3ML</address>

晦涩稀有的标签

有些标签值得注意,但很少使用由于它们自身特殊性。

bdo可以颠倒文本,可以用来展示从右到左的语言。需要属性dir属性值ltr(从左到右)或rtl(从右到左)。

<bdo dir="rtl">god lmth</bdo>

kbd用来显示用于需要打字的文本。

<p>Now type <kbd>woo hoo</kbd></p>

insdel分别用来展示编辑文本的插入和删除。它们有datetime属性(YYYYMMDD格式)和cite(一个链接用来说明插入删除的原因)。

ins元素通常显示下划线,del元素通常显示删除线。

<p>This is some <del datetime="20030522">nonsense</del> <ins cite="http://www.htmldog.com">very informative stuff</ins> that I've written.</p>

表现元素

b,i,sub,big,small都是表现元素,通过它们的定义就知道当语意和表现分离就不应再使用。b定义粗体,没有任何语意,这些标签定义纯粹是为了视觉特性,那些可以用CSS替代的工作。正确的标签是有语意的比如strongem表示短语元素。如果你想独自复制这些标签的式样,不使用任何没有语意的标签,你应该使用CSS加span标签。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索标签
, 代码
, 文本
, 元素
, 字母
缩写
fasttext 文本分类、textview显示html文本、nstextfield 设置文本、yytext 富文本、textview富文本,以便于您获取更多的相关知识。

时间: 2024-09-18 13:52:19

十九 控制文本 Mastering Text的相关文章

微信小程序把玩(三十九)navigation API

原文:微信小程序把玩(三十九)navigation API 演示效果也看到了小程序也就提供这几个处理导航控制.值得注意的是只能同时导航五个页面 主要属性: 导航条一些方法 wx.setNavigationBarTitle(object) 设置导航条的Title 导航标题可以通过三种方式设置,第一种是通过全局配置名字统一,第二种就是在page中新建个json文件配置它会覆盖全局配置的title,第三种就是通过API设置. wx.showNavigationBarLoading()设置在导航条上显示

二十九、教你备份与恢复Windows 2000注册表_注册表

二十九.教你备份与恢复Windows 2000注册表         Windows 2000将它的配置信息存储在注册表的数据库中,其中包含了每个计算机用户的配置文件,以及有关系统硬件.已安装的程序和属性设置等信息,Windows 2000在运行过程中要一直引用这些信息.注册表是以二进制形式存储在硬盘上,错误地编辑注册表可能会严重损坏系统.所以,在更改注册表之前,强烈建议备份注册表信息.为了防止在修改注册表的时候发生致命错误,有必要了解一下注册表文件的备份和恢复方法.除此之外,为了研究注册表的结

Android开发入门(十九)数据库 19.1创建数据库辅助类

目前所介绍的方法只是用来存储一些简单的数据.如果想要存储关系型数据,那么使用数据库将会更加的 效率.举个例子,你要存储学校里面每一个学生的分数,这种情况下,最好使用数据库,因为你可以查询某 个学生的具体分数.而且,使用数据库能够保持不同数据之间关系的完整性. Android使用SQLite数 据库系统.使用这种数据库,只有创建它的程序可以使用它,别的程序无法访问到它. 在接下来的几 节中,会简述如何通过编码在你的程序中创建一个SQLite数据库.对于Android来说,通过编码创建的数据库 的存

使用js实现按钮控制文本框加1减1应用于小时+分钟

 正如标题所言使用js实现按钮控制文本框加1减1,此类主要应用于小时+分钟,下面有个不错的示例,喜欢的朋友可以参考下 time.html代码:  代码如下: <!doctype html>  <html lang="en">  <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus"&

DockOne微信分享(六十九):微服务选型之Modern Node.js

本文讲的是DockOne微信分享(六十九):微服务选型之Modern Node.js[编者的话]目前Node.js的发展非常快,大家可能还停留在:Node.js性能很好,Node.js里都是回调,写起来很恶心,Node.js只能做前端工具,Node.js是单线程部署会有问题,以及这样的八卦<uber用go替代Node.js重写了地理位置服务>... 可是真相呢? 在微服务盛行的今天,为什么我们要选用Node.js去构建微服务呢?本次分享将试图从以下2个方面给出答案: 被误解的Node.js:除

设计模式 ( 十九 ) 模板方法模式Template method(类行为型)

设计模式 ( 十九 ) 模板方法模式Template method(类行为型) 1.概述 在面向对象开发过程中,通常我们会遇到这样的一个问题:我们知道一个算法所需的关键步骤,并确定了这些步骤的执行顺序.但是某些步骤的具体实现是未知的,或者说某些步骤的实现与具体的环境相关. 例子1:银行业务办理流程 在银行办理业务时,一般都包含几个基本固定步骤: 取号排队->办理具体业务->对银行工作人员进行评分. 取号取号排队和对银行工作人员进行评分业务逻辑是一样的.但是办理具体业务是个不相同的,具体业务可能

UWP开发入门(十九)——10分钟学会在VS2015中使用Git

原文:UWP开发入门(十九)--10分钟学会在VS2015中使用Git 写程序必然需要版本控制,哪怕是个人项目也是必须的.我们在开发UWP APP的时候,VS2015默认提供了对微软TFS和Git的支持.考虑到现在Git很火,作为微软系的程序员也不得不学一点防身,以免被开源世界的家伙们嘲笑.蜀黍我Git也是菜鸟一只(还请老司机多多指点),只会用VS2015和SourceTree这样的GUI工具点一点按钮,但是我相信用惯了SVN和TFS的童鞋们,需要一点勇气去学习一些新东西,特别是Git已经形成潮

python 教程 第十九章、 图形界面编程

第十九章. 图形界面编程 import Tkinter top = Tkinter.Tk() hello = Tkinter.Label(top, text='Hello World!') hello.pack() quit = Tkinter.Button(top, text='QUIT',command=top.quit) quit.pack(fill=Tkinter.X, expand=1) Tkinter.mainloop()

云计算设计模式(十九)——运行重构模式

云计算设计模式(十九)--运行重构模式 设计应用程序,使得它可以在不需要重新部署或者重新启动应用程序重新配置.这有助于保持可用性并减少停机时间. 背景和问题 一个主要目的为重要的应用,如商业和企业网站是尽量减少停机时间以及由此引发的中断给客户和用户.但是,有时有必要重新配置应用程序改变特定行为或设置,而在部署和使用.因此,它是用于该应用程序被设计成这样一种方式,以允许在运行时要应用这些配置的变化,并为应用程序,以检测所述变化并且尽快地应用它们的部件的优点. 该种要应用可能被调整记录,以协助与应用