第二天：图像标签及超链接的使用

最新推荐文章于 2022-01-13 10:43:36 发布

Baby_Joe

最新推荐文章于 2022-01-13 10:43:36 发布

阅读量982

点赞数

分类专栏： PHP培训入门教程文章标签： php php培训教程

本文链接：https://blog.csdn.net/Baby_Joe/article/details/50755458

版权

PHP培训入门教程专栏收录该内容

4 篇文章 0 订阅

订阅专栏

对有些基础的同学可能比较简单，这里的教程更适合初学者，希望大神们不要嫌弃哈，都是一步步走过来的。。。O(∩_∩)O哈哈~

知识回顾

软件架构

C/S架构：client和server

B/S架构：目前比较流行 browser和server架构

网站运行原理

计算机出问题：网页不能打开 QQ能上网出现这种问题的原因就是咱们的DNS服务器出错，可能是DNS服务器ip地址不对也有可能是DNS服务没启动或者损坏

HTML的结构

标签-文档类设置标签

计算机编码

什么是计算机编码？

进制：每逢多进一

十进制：逢10进1

六十进制：秒和分钟小时

计算机编码实际上是一套规则

这个规则的名称是由哪个机构设置这个规则有什么作用

PIG

ASCII

ASCII（American Standard Code for Information Interchange，美国标准信息交换代码）是基于拉丁字母的一套电脑编码系统，主要用于显示现代英语和其他西欧语言。它是现今最通用的单字节编码系统，并等同于国际标准ISO/IEC 646。

在计算机中，所有的数据在存储和运算时都要使用二进制数表示（因为计算机用高电平和低电平分别表示1和0），例如，像a、b、c、d这样的52个字母（包括大写）、以及0、1等数字还有一些常用的符号（例如*、#、@等）在计算机中存储时也要使用二进制数来表示，而具体用哪些二进制数字表示哪个符号，当然每个人都可以约定自己的一套（这就叫编码），而大家如果要想互相通信而不造成混乱，那么大家就必须使用相同的编码规则，于是美国有关的标准化组织就出台了ASCII编码，统一规定了上述常用符号用哪些二进制数来表示。

美国标准信息交换代码是由美国国家标准学会(American National Standard Institute , ANSI )制定的，标准的单字节字符编码方案，用于基于文本的数据。起始于50年代后期，在1967年定案。它最初是美国国家标准，供不同计算机在相互通信时用作共同遵守的西文字符编码标准，它已被国际标准化组织（International Organization for Standardization, ISO）定为国际标准，称为ISO 646标准。适用于所有拉丁文字字母。

ANSI

ANSI是一种字符代码，为使计算机支持更多语言，通常使用 0x80~0xFF 范围的 2 个字节来表示 1 个字符。

不同的国家和地区制定了不同的标准，由此产生了 GB2312、GBK、GB18030、Big5、Shift_JIS 等各自的编码标准。这些使用多个字节来代表一个字符的各种汉字延伸编码方式，称为 ANSI 编码。

GB2312

GB2312编码适用于汉字处理、汉字通信等系统之间的信息交换，通行于中国大陆；新加坡等地也采用此编码。中国大陆几乎所有的中文系统和国际化的软件都支持GB 2312

GBK

GBK全称《汉字内码扩展规范》（GBK即“国标”、“扩展”汉语拼音的第一个字母，英文名称：Chinese Internal Code Specification），中华人民共和国全国信息技术标准化技术委员会1995年12月1日制订，国家技术监督局标准化司、电子工业部科技与质量监督司1995年12月15日联合以技监标函1995 229号文件的形式，将它确定为技术规范指导性文件。这一版的GBK规范为1.0版。

BIG5

大五码（Big5），又称为大五码或者五大码，是通行于台湾、香港地区的一个繁体字编码方案。地区标准号为：CNS11643，这就是人们讲的BIG-5码

Unicode

Unicode（统一码、万国码、单一码）是一种在计算机上使用的字符编码。Unicode 是为了解决传统的字符编码方案的局限而产生的，它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。1990年开始研发，1994年正式公布

UTF-8

UTF-8（8-bit Unicode Transformation Format）是一种针对Unicode的可变长度字符编码，又称万国码。由Ken Thompson于1992年创建。现在已经标准化为RFC 3629。UTF-8用1到6个字节编码UNICODE字符。用在网页上可以同一页面显示中文简体繁体及其它语言（如英文，日文，韩文）。

注意： GBK UTF-8

Cms ：内容管理系统 PHPCMS

Crm ：客户关系管理系统

如何解决乱码问题

两码合一：文档类型编码与文档内容编码统一

文档类型编码：

文档内容编码：

造成乱码的原因：其实就是这两码不一样

文件的类型：采用另存文件更改编码方式

网页内容翻译： meta设置网页的配置信息

Xhtml <meta http-equiv=”content-type” content=”text/html;charset=utf-8”/>

Html5 <meta charset=”utf-8”/>

文档内容编码：<meta http-equiv=”content-type” content=”text/html;charset=utf-8”/>

告诉浏览器用utf-8 或者 gbk 来显示

<meta>标签

Meta标签；配置信息设置标签单标签

SEO：搜索引擎优化百度的蜘蛛

设置搜索引擎收录的关键字

Name:keywords关键字

Content：内容

Description：用于设置网页的描述

Content：描述网页的用途是什么

Name：Author

Content：版权人信息

Name：copyright

Content：域名网站备案信息

Name：robots 控制搜索引擎机器人搜索本网站范围

Content：all 可以查找站点中的任何页面 none：不检索 index：当前文件检索 fllow：只检索链接

http-equiv：用来修饰网页内容最常用的也是必须掌握的

http-equiv：content-type

content:设置编码信息

http-equiv：refresh 可以设置网页在几秒钟后跳转到另外的页面

XHTML

背景知识

由于HTML语言的松散性，导致很多标签没有闭合，或者标签的嵌套结构混乱，从而导致各浏览器在解析的时候出现不相同的处理方案，进而影响了展示效果，并且由于HTML标签的数量有限，已经不能适应快速发展的互联网大潮，于是急需一种语言能够扩展并规范HTML，于是W3C在HTML4.01的基础上结合XML语言，设计了XHTML语言。XHTML是对HTML 4.01的扩展，在其中可以使用XML的语义功能。

注意：每一门语言有一个版本号 html5 xhtml 实际上是html一个升级版 html5

SGML是最早的标记语言，用于描述数据和显示数据，是个很庞大的语言。HTML选取SGML中最简单的一部分固定标记用于网页显示数据，而这些显示标记也很局限，用了CSS ，HTML才能达到理想的效果。也就是说 HTML是SGML的子集。 SGML不仅用于网页，很有很多地方，是个很复杂，当然复杂带来的好处就是效果理想、功能强大。但近年来，随着Web应用的不断深入，HTML在需求广泛的应用中已显得捉襟见肘，有人建议直接使用SGML作为Web语言。但SGML太庞大了，学用两难尚且不说，就是全面实现SGML的浏览器也非常困难。于是Web标准化组织W3C建议使用一种精简的SGML版本——XML。XML与SGML一样，是一个用来定义其他语言的元语言。与SGML相比，XML规范不到SGML规范的1/10，简单易懂，是一门既无标签集也无语法的新一代标记语言。

HTML相信大家都比较熟悉，即“HyperText Markup Language” （超文本标识语言）,它的优点是比较适合web 页面的开发。但它有一个缺点是标记相对少，只有固定的标记集如.等。缺少sgml 的柔性和适应性。不能支持特定领域的标记语言，如对数学、化学、音乐等领域的表示支持较少。

所谓的xml,就是eXtensible Markup Language, 翻译成中文就是“可扩展标识语言“，在国内很多人理解xml为html的简单扩展，这实际上是一种误解。尽管xml同html关系非常密切。它由万维网协会（W3C）创建，用来克服 HTML（即超文本标记语言（Hypertext Markup Language），它是所有网页的基础）的局限。和 HTML 一样，XML 基于 SGML ― 标准通用标记语言（Standard Generalized Markup Language）。尽管 SGML 已在出版业使用了数十年，但其理解方面的复杂性使许多本打算使用它的人望而却步（SGML 也代表“听起来很棒，但或许以后会用（Sounds great, maybe later）”）。XML 是为 Web 设计的。

HTML

XHTML是什么

HTML HTML4.01 XML HTML5 版本

目前主流的版本或者未来几年 HTML

XHTML 指可扩展超文本标记语言（EXtensible HyperText Markup Language）。

XHTML 的目标是取代 HTML。

XHTML 与 HTML 4.01 几乎是相同的。

XHTML 是更严格更纯净的 HTML 版本。

XHTML 是一个 W3C 标准。

XHTML规范

元素必须被正确嵌套

床前明月光

XHTML元素必须被关闭

XHTML元素必须小写

XHTML文档必须拥有一个根元素<html>

XHTML属性名必须小写

XHTML属性值必须加引号

XHTML属性不能简写：如checked必须写成checked=“checked”

XHTML文件必须有DTD文档类型定义

文档类型DTD

什么是DTD

DTD(Document Type Definition)是一套关于标签解析规则。它是XML1.0版规则的一部分，是XML文件的验证机制符的语法规则。DTD文件是一个ASCII文本文件，后缀名为.dtd

XML：用在输出传输微信开发

DTD作用

DTD 规定了标记语言的规则，主要目的是为了浏览器能正确根据声明获知代码所遵循的html语言的版本，进而解析网页和呈现内容。通俗讲就是一个规则规定浏览器怎么解析网页内容严格模式过渡模式

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

Ie 谷歌火狐

document.compatMode：

BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。

CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。

这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。

如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。这就是<!DOCTYPE html>的作用。

DTD类型有哪些

XHTML 1.0 Strict (严格模式)

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional (过渡模式，使用较广泛)

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

过渡模式：向上兼容兼容以前版本

兼容ie6 7 8 9 小米团队 ie8

XHTML 1.0 Frameset (框架模式：已淘汰)

该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。在此的情况下使用：需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

W3C

万维网联盟（World Wide Web Consortium，简称W3C）创建于1994年，是Web技术领域最具权威和影响力的国际标准化组织。

W3C的主要工作

W3C主要工作，是制作Web规范。到目前为止，W3C已发布了200多项影响深远的Web技术标准。比如：HTML、XHTML、HTML5、XML、CSS、DOM、XSTL等。

万维网联盟（World Wide Web Consortium，缩写W3C），又称W3C理事会。1994年10月在麻省理工学院计算机科学实验室成立。建立者是互联网的发明者蒂姆·伯纳斯-李。

W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员（大约500名会员）包括生产技术产品及服务商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识。自从Web诞生以来，Web的每一步发展、技术成熟和应用领域的拓展，都离不开成立于1994年10月的W3C(World Wide Web Consortium，万维网联盟)的努力。W3C是专门致力于创建Web相关技术标准并促进Web向更深、更广发展的国际组织。