HTML学习笔记(二)HTML格式化
2024-09-06 11:18:57
很多标签都可以用来改变文本的外观,并为文本关联其隐藏的含义。总地来说,这些标签可以分成两类:基于内容的样式(content-based style)和物理样式(physical style)。
一、基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。基于内容的标签赋予含义,而不是格式化。因此,它们对于自动处理来说非常重要;计算机并不关心文档的外观如何。
二、物理样式可以让文本以某种特殊的方式来显示(例如斜体或加粗)。虽然其他文字处理系统的趋势是精确地控制样式和外观,但是在使用 HTML 或 XHTML 时,除非极少情况下,都应该避免使用物理标签。应当尽可能地向浏览器提供上下文信息,并使用基于内容的样式。尽管现在浏览器不过是以斜体或者粗体字来显示这些文本,但是将来的浏览器和各种文档生成工具可能会以非常有创建的方式来利用这些基于内容的样式。
简而言之,基于内容的样式关联含义,物理样式改变外观
文本格式化标签(改变外观)
标签 | 描述 |
---|---|
<b> | 定义粗体文本。 |
<big> | 定义大号字。 |
<em> | 定义着重文字。 |
<i> | 定义斜体字。 |
<small> | 定义小号字。 |
<strong> | 定义加重语气。 |
<sub> | 定义下标字。 |
<sup> | 定义上标字。 |
<ins> | 定义插入字。 |
<del> | 定义删除字。 |
<s> | 不赞成使用。使用 <del> 代替。 |
<strike> | 不赞成使用。使用 <del> 代替。 |
<u> | 不赞成使用。使用样式(style)代替。 |
“计算机输出”标签(关联含义)
标签 | 描述 | |
---|---|---|
<code> | 定义计算机代码。 | 不保留多余的空格和折行 |
<kbd> | 定义键盘码。 | |
<samp> | 定义计算机代码样本。 | |
<tt> | 定义打字机代码。 | |
<var> | 定义变量。 | |
<pre> | 定义预格式文本。 | 保留文字本身格式 |
<listing> | 不赞成使用。使用 <pre> 代替。 | |
<plaintext> | 不赞成使用。使用 <pre> 代替。 | |
<xmp> | 不赞成使用。使用 <pre> 代替。 |
引用、引用和术语定义(关联含义)
标签 | 描述 | 个人理解 |
---|---|---|
<abbr> | 定义缩写。 | 如HTML |
<acronym> | 定义首字母缩写。 | 以首字母为缩写 |
<address> | 定义地址。 | 文档或文章的联系信息(作者/拥有者),通常以斜体显示 |
<bdo> | 定义文字方向。 | ltr左到右,rtl右到左反向显示 |
<blockquote> | 定义长的引用。 | 多句话,会自动进行缩进处理 |
<q> | 定义短的引用语。 | 用双引号括起来 |
<cite> | 定义引用、引证。 | 著作的标题,斜体显示 |
<dfn> | 定义一个定义项目。 | 多种格式,建议用<abbr> |
最新文章
- 转:JQuery.Ajax之错误调试帮助信息
- IOS第16天(4,Quartz2D柱状图)
- ODAC(V9.5.15) 学习笔记(十五)数据离线模式
- E: 软件包*需要重新安装,但是我无法找到相应的安装文件。(ubuntu14.04)
- 《Code Complete》ch.22 开发者测试
- android使用library工程问题
- LeetCode 287
- jquery 在页面中三种写法
- 泰晓科技 +兰大开源社区 +程序动态分析---LINUX内核网站
- ibatis动态语句加and 和不加and
- eclipse中svn插件的安装与使用
- 使用nRF51822/nRF51422创建一个简单的BLE应用 ---入门实例手册(中文)之五
- myeclipse新建javaweb项目,并部署到tomcat
- linx下对文件权限设置
- java 反射得到属性与属性值
- Cannot attach medium &#39;D:\program\VirtualBox\VBoxGuestAdditions.iso&#39; {}: medium is already associated with the current state of machine uuid {}返回 代码: VBOX_E_OBJECT_IN_USE (0x80BB000C)
- JavaScript之对原生JavaScript对象及其原型扩展初探
- httpclient get post
- tcp server
- 使用@SuppressWarnings(";unchecked";)消除非受检警告