<011>了解HTML标准和字符编码

戴宇轩 · 发表于 2015-8-11 09:17:38

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

很不错，我们掌握了HTML，是不是该转向CSS，让这些乏味的标记更漂亮?
没错，但是在这之前我们要了解一些额外的知识，才能建立真正的，符合标准的HTML，就是HTML。

先了解一下HTML的历史（从别的网站找的。。。）

登录/注册后可看大图

打开一些古老的HTML 4.01和XHTML 1.1页面，我们看到这些页面开头用了一个DOCTYPE来告诉浏览器该页面使用的HTML版本。请看下面的DOCTYPE……

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

XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

是不是看着都头晕?想一想，HTML5的DOCTYPE应该怎么写呢?
回复你的答案!
游客，如果您要查看本帖隐藏内容请回复

加上DOCTYPE标签

课件下载: 休闲室.zip (35.45 KB, 下载次数: 42)

2015-8-11 08:50 上传
点击文件名下载附件

打开我们以前的休闲室，在开头加上

游客，如果您要查看本帖隐藏内容请回复
<html>
<html>
  <head>
<title>鱼C休闲室</title>
  </head>
  <body>
<h1>欢迎来到改进后的鱼C休闲室!</h1>
<img src="images/drinks.gif">
<p>写了一整天代码，一身疲倦?来休闲室喝杯饮料吧!</p>
<p>看看<a href="beverages/elixir.html">这里供应的饮料!</a></p>
<h1>我们的位置</h1>
<p>想找到我们?点击<a href="about/directions.html">这里</a>查看我们的位置</p>
  </body>
</html>

再打开页面，你发现了什么？

什么都没发现。。。因为doctype标签只会告诉浏览器：我在用xxx版本的html，并不会改变页面的内容

也有人发现，浏览器显示了乱码！

锟斤拷迎锟斤拷锟斤拷锟侥斤拷……

这是因为浏览器使用的编码和编辑器使用的编辑器使用的编码不同，编辑器用UTF-8编码，但浏览器用GBK编码

编码是什么？科普一下>>>Click!!!<<<

指定编码

但是，如何让浏览器也使用UTF-8编码呢？
我们可以使用
<meta charset="utf-8">

我们把它加在<head>标签的开头。meta也是空元素，没有结束标签
<!DOCTYPE html>

<html>

  <head>

<meta charset="utf-8">

<title>标题是中文</title>

  </head>

  <body>

<h1>我也是中文哦，浏览器能正常显示我吗？</h1>

<h2>我也是！</h2>

<h3>我也是！</h3>

<h4>我也是！</h4>

<h5>我也是！</h5>

<h6>我也是！</h6>

<p>我也是！</p>

  </body>

</html>
复制代码

正常了！我们成功地指定了字符编码！

未完待续...

altwo · 发表于 2015-8-11 11:32:13

此帖仅作者可见

zhaoyun369 · 发表于 2015-8-11 11:55:43

此帖仅作者可见

SAMLA-- · 发表于 2015-8-13 15:02:57

此帖仅作者可见

UUUU2016 · 发表于 2015-8-25 19:33:54

此帖仅作者可见

linked · 发表于 2015-8-25 19:58:04

此帖仅作者可见

大冬瓜 · 发表于 2015-8-25 20:37:46

此帖仅作者可见

cheyne0917 · 发表于 2015-9-16 17:23:30

此帖仅作者可见

太空军校生 · 发表于 2015-9-30 15:31:03

此帖仅作者可见

asd1157671820 · 发表于 2015-10-7 01:47:45

此帖仅作者可见

夕阳游龙 · 发表于 2015-11-5 19:43:45

此帖仅作者可见

dps521 · 发表于 2015-11-23 09:06:38

此帖仅作者可见

猫儿不想叫 · 发表于 2015-11-23 17:28:03

此帖仅作者可见

瞬秒爆加速 · 发表于 2015-11-29 15:17:10

此帖仅作者可见

lemon安安 · 发表于 2015-12-13 21:13:20

此帖仅作者可见

QQ群521595826 · 发表于 2016-1-12 18:59:05

提示: 作者被禁止或删除内容自动屏蔽

房间里的大象 · 发表于 2016-2-2 12:59:36

此帖仅作者可见

阿堂 · 发表于 2016-2-4 11:12:57

此帖仅作者可见

君莫弃 · 发表于 2016-2-29 22:09:11

此帖仅作者可见

lianbozhang · 发表于 2016-3-11 15:35:33

此帖仅作者可见

账号		自动登录	找回密码
密码			立即注册

altwo altwo 当前离线 UID 325344 日志相册贡献荣誉积分 55 狗仔卡	发表于 2015-8-11 11:32:13 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

zhaoyun369 zhaoyun369 当前离线 UID 328485 日志相册贡献荣誉积分 29 狗仔卡	发表于 2015-8-11 11:55:43 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

SAMLA-- SAMLA-- 当前离线 UID 292611 日志相册贡献荣誉积分 6 狗仔卡	发表于 2015-8-13 15:02:57 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

UUUU2016 UUUU2016 当前离线 UID 332057 日志相册贡献荣誉积分 6 狗仔卡	发表于 2015-8-25 19:33:54 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

linked linked 当前离线 UID 315909 日志相册贡献荣誉积分 17 狗仔卡	发表于 2015-8-25 19:58:04 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

大冬瓜大冬瓜当前离线 UID 312557 日志相册贡献荣誉积分 161 狗仔卡	发表于 2015-8-25 20:37:46 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

cheyne0917 cheyne0917 当前离线 UID 318490 日志相册贡献荣誉积分 16 狗仔卡	发表于 2015-9-16 17:23:30 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

太空军校生太空军校生当前离线 UID 305850 日志相册贡献荣誉积分 1128 狗仔卡	发表于 2015-9-30 15:31:03 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

asd1157671820 asd1157671820 当前离线 UID 323611 日志相册贡献荣誉积分 6 狗仔卡	发表于 2015-10-7 01:47:45 From FishC Mobile \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

夕阳游龙夕阳游龙当前离线 UID 332501 日志相册贡献荣誉积分 473 狗仔卡	发表于 2015-11-5 19:43:45 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

dps521 dps521 当前离线 UID 251283 日志相册贡献荣誉积分 510 狗仔卡	发表于 2015-11-23 09:06:38 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

猫儿不想叫猫儿不想叫当前离线 UID 215813 日志相册贡献荣誉积分 132 狗仔卡	发表于 2015-11-23 17:28:03 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

瞬秒爆加速瞬秒爆加速当前离线 UID 306216 日志相册贡献荣誉积分 832 狗仔卡	发表于 2015-11-29 15:17:10 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

lemon安安 lemon安安当前离线 UID 321193 日志相册贡献荣誉积分 28 狗仔卡	发表于 2015-12-13 21:13:20 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

QQ群521595826 QQ群521595826 当前离线 UID 349379 日志相册贡献荣誉积分 4 狗仔卡头像被屏蔽	发表于 2016-1-12 18:59:05 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

房间里的大象房间里的大象当前离线 UID 219842 日志相册贡献荣誉积分 152 狗仔卡	发表于 2016-2-2 12:59:36 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

阿堂阿堂当前离线 UID 214269 日志相册贡献荣誉积分 75 狗仔卡	发表于 2016-2-4 11:12:57 \| 显示全部楼层此帖仅作者可见
阿堂阿堂当前离线 UID 214269 日志相册贡献荣誉积分 75 狗仔卡	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

君莫弃君莫弃当前离线 UID 318810 日志相册贡献荣誉积分 3 狗仔卡	发表于 2016-2-29 22:09:11 \| 显示全部楼层此帖仅作者可见
君莫弃君莫弃当前离线 UID 318810 日志相册贡献荣誉积分 3 狗仔卡	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

lianbozhang lianbozhang 当前离线 UID 336058 日志相册贡献荣誉积分 4 狗仔卡	发表于 2016-3-11 15:35:33 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

[技术交流] <011>了解HTML标准和字符编码

马上注册，结交更多好友，享用更多功能^_^