关于网页设计的一些小知识点.docVIP

关于网页的一些小知识点 Web前端的基础知识 什么是web？WEB标准是一系列标准的总称，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。WEB标准不仅仅是大家常说的DIV+CSS。 一、HTML部分合理的结构Html4.0的时候我们基本都是用table来布局，但是web2.0时代也是如大家所知道的那样用div+css来布局，table布局几乎不必用到css来影响web的表现，但是却要一层套一层的table，td，tabel…，如此页面相当难以维护，且不易控制表现；而使用div+css来布局就显得更加合理，它使得html结构层与css表现层分离，便于维护，但是它也带来可怕的兼容性问题，特别是ie系列浏览器，它有自己的一套解析和渲染页面的方式与w3c标准实现有着一系列的差异，不过这些差异可以通过hack来解决，而且一旦你掌握了合理的结构，兼容的css，标准的写法这些差异其实完全可以避免产生。html标签通常由尖括号包围的关键词html，其标签通常是成对出现的和开始和结束标签也被称为开放标签和闭合标签。 元数据（metadata）是关于数据的信息。meta 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。meta 标签始终位于 head 元素中。元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 meta http-equiv=Content-Type content=text/html; charset=utf-8 / //指明文字编码 meta http-equiv=Content-Language content=zh-CN / //指明采用的语法 meta name=author content=Csdn / //指明作者 meta name=Copyright content=Csdn / //指明版权 meta name=description content= / //对网站的简单描述 meta name=keywords content= / //说明了本网站的关键字。 html head meta http-equiv=Refresh content=5;url= / body p 对不起。我们已经搬家了。您的 URL 是 a href=/a /p p您将在 5 秒内被重定向到新的地址。/p p如果超过 5 秒后您仍然看到本消息，请点击上面的链接。/p /body后面2行主要是被百度这些搜索网站检索的时候用到的，非常重要。 html链接：?标签进行定义的。例子：a href= baidu /a?href:在href属性中指定连链接的地址，是超文本引用的意思。style=text-decoration:none创建一个没有下划线的超链接定义没有下划线html图像：img标签来进行定义的。 img src= width=104 height=142/ 图像的名称和尺寸是以属性的形式提供的。tppabs：该软件是离线浏览器。body background=../i/eg_background.jpg ，在网页中插入背景图像。 替换文本属性（Alt）alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。img src=boat.gif alt=Big Boat在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。img src=xx alt=向左转 / 设置图像的对齐方式：p图像 img src=xxoo align=bottom 在文本中/p，，，使图片底部与网页中的字的下划线对齐，若不指定，默认的也是这项。 align=top 在文本中/p 使图像顶部与文字对齐； align=middle居中对齐。设置图像的浮动方式：img src =XX align =left?带有图像的一个段落。图像的 align 属性设置为 left。图像将浮动到文本的左侧。/ppimg src =XXOO align =right?带有图像的一个段落。图像的 align 属性设置为 right。图像将浮动到文本的右侧。/p某些html元素具有空内容?就是没有关闭标签的空元素。 （)标签定义换行，