html（上）

最新推荐文章于 2024-06-19 12:50:25 发布

一捻丹枫

最新推荐文章于 2024-06-19 12:50:25 发布

阅读量791

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/n1g2q2012/article/details/9317671

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文深入探讨了网页开发中浏览器兼容性的重要性，详细解释了HTML文本在不同浏览器中的表现差异，以及如何通过测试不同浏览器和使用特定工具解决兼容性问题。同时，介绍了静态页面与动态页面的区别，并提供了HTML常用标签的使用方法，帮助开发者创建适应多种浏览器的可视化页面。

摘要由CSDN通过智能技术生成

做开发一般用 IE chrome FF Opera Safari 浏览器

浏览器就是接收浏览者的操作（打开一个网址、点击一个链接、点击一个按钮），然

后帮浏览者去Web服务器请求网页内容(HTML格式返回)，然后展现成人眼能够看得懂的

可视化页面的软件。
最初原因就是Web刚起步的时候没有一个统一的HTML标准，后来虽然有了标准的W3C组

织提出的HTML标准，但是各个浏览器厂商还是各自为政，没有完全遵守这个标准。

HTML(HyperText Markup Language)就是描述网页长什么样子、有什么内容的一个文

本。查看网页的描述内容（HTML）的方式：使用IE浏览器的话，在网页上点击右键，

选择“查看源文件”。 HTML之所以能展现出各种各样的效果，是浏览器的功能。
浏览器兼容性问题：描述文件是一个统一的，但是就像口语翻译一样，不同的翻译翻

译出来的东西也是不一样的。不同浏览器品牌对HTML的支持是有差异的，所以同一个

网页在IE上和FireFox上看起来可能长得不一样，最明显的就是以前QQ空间上的页面在

FireFox上显示就有问题，甚至有的页面在IE6、IE7、IE8上长的也不一样。因此Web开

发过程中的一个重要的也是最头疼的问题就是浏览器的兼容。测试FireFox（简称FF）

、Chrome等浏览器安装各自的软件就可以，测试不同版本的IE可以用IETester、IE

Collection(使用IE Collection浏览页面时，最好通过http://的方式浏览，否则部分

版本浏览器会报错。)

网站的页面分为动态页面与静态页面
静态页面：后缀为html 或者是htm的都是静态页面
动态页面：动态页面上包含一些脚本代码，服务器上灭哦与浏览者要看的页面，页面

的后缀一般为asp aspx jsp php 等都是动态页面

html 常用的标签
所有内容都在<html></html>标签之内；<head></head>内放的是头部信息，

是对页面的描述，不会直接显示在页面中，<head>内的<title>中设置的是页面的标题

，<title>只能放在<head>中；<body>是页面的主体，大部分显示内容都定义在这里。
h标签（标题标签） html定义了<h1>到<h6>六个标签表示的是不同大小的字体，h1最

大 h6最小
 属于是自闭和的回车也叫做换行符
 是分段标签前后都有缩进
<center></center>是居中显示a粗体，推荐b斜体c带

下划线。强调，斜体
2下标，如：H2O
2上标，如：102

html中的特殊字符处理
&lt; → <
& 就是 &的“转义符”。

HTML不把" "当成空格，因为HTML中经常有缩进，如果把缩进的空格在浏览器中以空格

形式展现的话，排版会很麻烦。“ ”表示空格。
为什么<>要用<>代替？就是因为<>有特殊含义：标签的定义。

常用的几个html编码：
" "
& &
< <
> >
空格  
© ©
® ®
² ²
¥ ¥
³ ³

关于超链接 URL
相对URL表示相对于当前文档的资源，“/”表示网站根目录，“../”表示父目录，“../../”表示父目录的父目录，“./”或者不写任何斜线表示相对于当前路径的目录

。站内引用最好用相对URL，这样域名改变了、目录改变了都不受影响。

<a href="a.htm"><img src="a.jpg"/></a>
<img src="../images/csharp1.jpg" />
<img src="/images/csharp1.jpg" />

将<a>的target属性设定为"_blank"就可以在新窗口中打开超链接。

锚记：用name属性为<a> 起名字：<a name="Last">这里是最后</a>。这样可以通过<a

href="#Last">转到平台</a>来跳转到超链接的部分。
这个超链接是在本页中的跳转一般用在页面比较长的页面中

关于图片
<img src=“a.jpg”/>注意图片是链接的，不是插入的，所以如果src指向的文件不存

在了，就看不了了。alt属性为图片无法显示时的显示文本，鼠标方式去也会有悬浮提

示“点击查看大图”；title用来显示当鼠标放到图片上时显示的文字；border属性指

定边框，border="0"不显示边框；width、height属性指定图片的显示大小，如果不指

定则是图片的原始大小。
最好指定width、height，哪怕是原始尺寸大小，因为如果不指定大小，图片会不占位

置，图片下载后才调整大小，会造成页面很乱。如果指定了width、height哪怕图片没

有加载完成，也会先把位置占上。
如果网页上要显示小图（比如缩略图），不要仅仅是把大图设定一下width、height来

缩小，因为仍然会下载大图，会使得加载速度很慢。
易错，不要以为把bmp后缀改为jpg就是改文件格式了！

px为像素相对长度单位像素 px是相对于显示器屏幕分辨率而言的