分类目录

统计信息

  • 日志总数:59篇
  • 评论总数:2条
  • 分类总数:9个
  • 标签总数:51个
  • 友情链接:3个
  • 网站运行:2929天

2018 年十二月
« 七    
 12
3456789
10111213141516
17181920212223
24252627282930
31  
现在位置:    首页 > 前端开发 > 正文
第1章 创建结构化文档(1)
前端开发 暂无评论

 

使用XHTML创建一些示例网页

了解网页如何向Web浏览器描述它的结构

了解Web设计人员常用的几个关键术语的含义,如元素(element)、特性(attribute)、标签(tag)和标记(markup)。

1.1 结构化文档组成的Web

1.2 HTML和XHTML简介

1.2.1 标签和元素

<>和括号中的字符组成标签(tag)。

一对标签(<>、</>)和其间的内容统称为元素(element)。

XHTML标签必须用小写。

1.2.2 标题和正文

标题<head>包含关于文档的信息,不显示在主页中。

正文<body>包含网页的实际内容,可以在浏览器中查看。

1.2.3 元素特性

特性 名称=”值”。名称特性都需小写。

1.2.4 通过查看源代码学习

1.2.5 标记文本的元素

·标题6个等级:<h1>、<h2>、<h3>、<h4>、<h5>和<h6>。

·段落<p>,预格式化<pre>、换行<br/>和地址<address>。

·表示元素:<b><i><u><s><tt><sup><sub><strike><big><small><hr/>

·短语元素:<em><strong><abbr><acronym><dfn><blockquote><q><cite><code><kbd> <var><samp><address>

·列表:<ul><li><ol><li><dl><dt><dd>。

·编辑元素:<ins><del>

·分组元素:<div><span>

1.3 基本文本格式化

·<h1>、<h2>、<h3>、<h4>、<h5>和<h6>。

·<p>、<pre>与<br/>

1.3.1 空白和流

默认只显示一个空格(空行回车等同于空格),称为空白折叠。

1.3.2 使用hn元素创建标题

<h4>与默认文本大小相仿,<h1><h2><h3>则大一些,<h5><h6>则大一些,或者通过CSS调整。

1.3.3 align特性(弃用)

标题居左(left)居中(center)居右(right)

1.3.4 使用<p>元素创建段落

特性:align class id style title dir lang xml:lang

1.3.5 使用<br/>元素创建换行符

不是简单划分段落的,是对块级别元素进行操作的。

特性:clear class id style title

1.3.6 使用<pre>元素创建预先格式化的文本

将以源文件格式(等宽字体)显示。

1.4 表示元素

1.4.1 <b>元素:加粗blod,与<strong>效果相同,后者起强调作用。

1.4.2 <i>元素:斜体italic,与<em>效果相同,后者起强调作用。

1.4.3 <u>元素(弃用):加下划线。

1.4.4 <s>元素和<strike>元素(弃用):加删除线。

1.4.5 <tt>元素:等宽字体。

1.4.6 <sup>元素:上标。

1.4.7 <sub>元素:下标。

1.4.8 <big>元素:比外围字体大一号(如是最大则无效),仅为显示效果,尽量避免使用,用CSS实现。

1.4.9 <small>元素:比外围字体小一号(如是最小则无效),仅为显示效果,尽量避免使用,用CSS实现。

1.4.10 <hr/>元素:创建水平线,是空元素与<br/>类似。

1.5 短语元素

·用于强调的<em><strong>

·用于引用和引证的<blockquote><cite><q>

·用于缩写词、首字母缩略词和关键术语的<abbr><acronym><dfn>

·用于计算机代码和信息的<code><kbd><var><samp>

·用于地址的<address>

虽然短语元素的输出效果同表示元素效果一致,但是尽可能使用短语元素:

·以利于一些特殊软件的使用,如屏幕阅读器,强调元素可以被强调读出,而加粗则不能。

·自动化程序可以检索到被强调的术语,但加粗等则不能被检索到。

1.5.1 用于添加强调的<em>元素:用斜体(在IE中)强调,如仅需要斜体则用<i>或CSS。

1.5.2 用于添加着重强调的<strong>元素:用粗体(在IE中)强调,如仅需要粗体则用<b>或CSS。

1.5.3 用于地址的<address>元素:用斜体(在IE中)表示地址,但无连接,如仅需斜体可用表示元素或CSS实现。

1.5.4 用于缩写词的<abbr>元素:<abbr title=”全写”>缩写</abbr>,显示缩写,IE输出形式不变鼠标悬停会显示是谁的缩写(有些浏览器加下划线)。

1.5.5 用于首字母缩略词的<acronym>元素:<acronym title=”全写”>缩写</acronym>,显示首字母缩写,IE输出形式不变鼠标悬停会显示是谁的缩写(有些浏览器加下划线)。

1.5.6 用于特殊术语的<dfn>元素:仅在第一次引入关键术语使用(多数浏览器输出斜体)。

1.5.7 用于引用文本的<blockquote>元素:两端缩进显示引用,如引用较短,可单独使用<q>.

1.5.8 在<blockquote>元素中使用cite特性:cite特性表明引用来源值应该是在线文档的URL。但在浏览器中不会有任何显示,仅表明来源以备不时之需。

1.5.9 用于短引用的<q>元素:可以用cite属性标明出处。

1.5.10 用于引证的<cite>元素:一般斜体呈现引用,如是在线资源,可以将其放在<a>中。

1.5.11 用于代码的<code>元素:以等宽字体显示源代码,通常与<pre>一起使用。

1.5.12 用于通过键盘输入文本的<kbd>元素:以等宽字体显示要读者输入的信息。

1.5.13 用于编程变量的<var>元素:经常与<code><pre>一起使用,表示它的内容是可以由用户提供的变量,通常斜体显示。

1.5.14 用于程序输出的<samp>元素:指示程序、脚本等样本的输出,等宽字体显示,为编程概念服务。

本文版权归不读书的读书人所有,转载引用请完整注明以下信息:
本文作者:望岳
本文地址:第1章 创建结构化文档(1) | 不读书的读书人

发表评论

您必须 [ 登录 ] 才能发表留言!