HTML 4.01 笔记一

最新推荐文章于 2024-06-22 15:54:58 发布

smallresounding

最新推荐文章于 2024-06-22 15:54:58 发布

阅读量914

点赞数

文章标签： html

本文链接：https://blog.csdn.net/szixiao/article/details/56278351

版权

本文档详细介绍了HTML 4.01框架型DTD，包括过渡型和框架的内容，为理解HTML 4.01的文档类型定义提供帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
 HTML，超文本标记语言，是一种嵌入式语言。通过定义标记标签使浏览器解析页面并进行显示。 

 
 一 .首先，我们注意到文档开始的DECTYPE，而DOCTYPE 是用来声明文档类型的。如： 

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">。 

1. 严密型HTML4.01 DTD文档，文档不包括那些不被推荐的元素和属性，并且不能在带有frameset的页面出现。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">

2. 过渡型HTML4.01 DTD文档，文档包含严密型DTD文档中所允许的内容，还可以使用不被推荐的元素和属性。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

3. 框架型HTML 4.01 DTD文档，文档包含过渡型以及框架。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/frameset.dtd">

 
 二 .然后，我们发现在<head></head>间的meta元素。如<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">。 

 
 在HTML 4.01中，meta元素的属性有两种，即http-equiv属性和name属性（若有其它属性，请告知，谢谢）: 

 
 1.  http-equiv属性:类似于HTTP的头部协议，它回应浏览器一些有用的信息，以帮助正确而精确地显示页面内容。 

 
 
 1） 常用的http-equiv属性包括Content-Type、Pargma、Refresh、Expires、Set-Cookie、Window-target等。 

 
 2） Content-Type和Content-Language，用来设定页面所使用的字符集:

①.<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8”>
②.<meta http-equiv=”Content-Language” content=”zh-CN”>

 
 3） Pragma，用于设定禁止浏览器从本地机的缓存中调阅页面内容，即无法实现脱机浏览页面。我认为是即用即删，不会占用硬盘内存: 

 
 <meta http-equiv=”Pragm” content=”no-cache”> 

 
 4） Refresh,用于让当前页面在指定的时间内调转到指定的页面:
 <meta http-equiv=”Refresh” content=”8;url=http://www.eclipse.org”>

 
 （此句指的是网页将在8s内调转到URL为http://www.eclipse.org的页面。） 

 
 5） Expires，用于指定页面的到期时间，一旦网页到期要重新到服务器上调阅，时间格式必须以GMT格式设定。
 <meta http-equiv=”Expires” content=”Wed,12 May 2008 12:00:00 GMT”>

 
 6） Set-Cookie，如果网页过期，则删除Cookie中保存的网页信息，时间格式必须以GMT格式设定。
 <meta http-equiv=”Set-Cookie” content=”Wed,12 May 2008 12:00:00 GMT”>

 
 7） Window-target，用于设置网页在窗口中独立显示，为防止他人在frame页面中调用:

<meta http-equiv=”Window- target” content=”_blank”>

注意：其中该content属性包含_self、_parent、_top、_blank：

_blank 在新窗口显示

_top 当前整个窗口显示

_parent 父容器显示，比如框架嵌套

_self 当前容器显示，比如框架嵌套

 
 2. Name属性：在一些搜索引擎中使用meta的name和content属性来索引页面，包括Keywords、 Author、 Description、 Robots、 Copyright等。
 1） Keyword，搜索引擎搜索到页面的关键字，即将页面的关键字通知给搜索引擎:
 <meta name=”Keyword” content=”关键字1，关键字2，关键字3……”> 

 
 2） Author，搜索引擎搜索到网页的作者或E-mail
 <meta name=”Author” content=”sqm，420469122@qq.com”> 

 
 3） Description，搜索引擎搜索到网站的主要内容:
 <meta name=”Description” content=”……（站点主要内容）”>

 
 4） Robots，用来通知搜索引擎哪个页面需要索引，哪个页面不需要索引:

<meta name=”Robots” content=”all/none/index/noindex/follow/nofollow”>

注意：

all 文件被检索，而且页面上的链接能被查询

none 文件不被检索，而且页面上的链接不能被查询

index 文件被检索

noindex 文件不被检索，但页面链接能被查询

follow 页面链接能查询

nofollow 文件不被检索，但页面上的链接能被查询

 
 5） Copyright，用来标注网站版权:
 <meta name=”Copyright” content=”All Right Reserved”>

 
 三 .<title>……</title>间的……是表示标签名称的，如<title>hello</title>, 的效果。同样，title也在头部<head>文档中，属于头部元素。
  

 
 四 .<body></body>部分，也是文档正文部分。
 1. 可以为背景添加颜色，<body bgcolor="">。 
 如<body bgcolor=”red”>产生的效果为页面背景变成红色。 

 
 2. 六个级别的标题，<h?></h?>（?为1到6）。如<h1>……</h1>表示一级标题。 

 
 3.  文字格式：

加粗文字，斜体文字，<big></big>加大文字，缩小文字，上标文字，

下标文字，下划线，<ins></ins>插入文字，<del></del>删除文字，<s></s>删除文字，

<strike></strike>删除文字，加强文字，强调文字。

 
 
 4.  字体格式： <font>设置文字绝对大小、相对大小、颜色和样式等。
 1）字体大小，如：
 ①. 绝对大小。 

 
 <font size=”1”></font>表示字体一；
 ②. 相对大小（因为大多数浏览器默认字体大小为缺省字体，即字体三），
 <font size=”+1”>……</font>表示缺省字体加1，即字体四； 

 
 2） 字体颜色，如：
 ①.颜色名称形式

 
 <font color=”red”></font>表示红色；
 ②.颜色值形式 

 
 <font color=”ff000”>表示红色； 

 
 
 2） 字体样式，注意在HTML4.01中字体样式仅支持Time New Roman、Arial、Curier New、Elephant、Georgia、Impact、Verdans、宋体、华文新魏、隶书、楷体-GB2312、华文行楷。如：<font face=”华文行楷”></font>表示华文行楷。 

 
 
 对齐方式用align，如<h1 align=”left”></h1>表示标题左对齐，还有两个中对齐center和右对齐right。 

 
 同样，对其他类似文本均满足，如<hr width=20% align=”left”></hr>表示水平分割线左对齐。 

 
 
 6.  换行
 1） <p></p>实现的是段落标签会在段落中加上额外的空行。
 2） <br>实现的是换行，就像平时的回车键一样，不会在两段间添加额外的空行。 

 
 7.  <div></div>，部分标签
 实际大多数情况下，<div></div>是可有可无的。但是，如果部分位置需要引入如align属性时<div>便发挥了重要的作用。如

 
 ……（省略一些代码） 

 
 <div align=”center”> 

 
 <h3>Lesson 1<br>Hello Web</h3> 

 
 <div> 

 
 ……（省略一些代码） 

 
 
 8.  <hr>表示为水平分割线，效果为另起一行画条水平线。
 可以用width、 size、 align等进行调整线属性：
 1） <hr width=60%>
 2） <hr size=10%>
 3） <hr width=20% align="left">
 4） <hr color=red>
 5）  …… 

 
 
 注释标签，<!--……(注释部分)-->。 

 
 
<pre></pre>预先格式化文本，即按照已输入的文本格式显示，保留在输入时的各种标点符号等。 

 
 11.  计算机输出标签：

<code></code>计算机代码，<kbd></kbd>键盘字符，<tt></tt>电报文字或单一间隙文字，

<samp></samp>计算机代码样式，<var></var>变量。

 
 12.  引文和定义标签:

<abbr></abbr>指出缩写内容，<acronym></acronym>定义缩写，
<blockquote></blockquote>定义长篇文字的引用，<q></q>定义短片引用的开始，
<address></adress>定义地址，<bdo></bdo>定义文字顺序，<dfn></dfn>定义期限，

<cite></cite>定义引述。