七海的html和css学习笔记（六）

最新推荐文章于 2022-05-02 15:19:58 发布

七海Chiaki

最新推荐文章于 2022-05-02 15:19:58 发布

阅读量200

点赞数 1

分类专栏：七海的html和css学习笔记

本文链接：https://blog.csdn.net/z837071844/article/details/79549634

版权

七海的html和css学习笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

第六章 HTML的标准及其他

HTML简史

html有过html1.0-2.0、html3、html4、html4.01、xhtml1.0到现在的html5。

语言的新版本会带来更多的新东西，因为所有人都得跟上最新的标准。不过html5则有所简化，你能更容易的告诉我你在使用哪个版本的html。html5的标准还明确指出了Web页面中可能出现的很多错误，所以所有浏览器都能更一致地处理这些错误。

HTML考古

那么如何向浏览器指定使用的html版本呢？我们先来看一下html 4.01和xhtml 1.1的方法：

<!DOCTYPE html PUBLIC "//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 //html 4.01的指定方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml111.dtd">
//xhtml 1.1的指定方法

那么html5要如何定义呢？看以下示例：

<!DOCTYPE HYML> //html5指定版本的方式

<!doctype html>总是放在html代码的第一行

是的，就是这么简单。实际上，html5优化了指定html版本代码的简洁程度。但是，这指定却并没有指定html的版本。

实际上，当浏览器看到<!doctype html>时它就认为你在使用标准html，不再考虑版本号，也不考虑在什么位置；html标准将变成一个”活的标准“，这意味着它会根据需要继续发展和变化，不过不再有固定的版本号。那么”活的标准“是什么意思呢？

这里的关键是向后兼容性。向后兼容性（backwards compatibility）表示我们可以继续向html增加新的内容，浏览器（最终）会支持这个新内容，不过它们还会继续支持原来的内容。所以，你今天写的html页面将会继续正常工作，甚至以后增加了新的特性之后也仍然能很好的工作。

验证代码工具

下面来看W3C验证工具，要得到这个验证工具，只需将浏览器指向 http://validator.w3.org。这个网站提供了一个免费的html代码验证工具。

在验证代码时，如果<img>元素没有指定alt属性，那么在检验的时候就会报错，由此可知，在html5的标准中，对于<img>元素来说，alt属性是必要的。（这里简单说一下，有两个主要原因：首先，如果你的图像由于某种原因无法正常显示，比如服务器挂掉或者加载太慢什么的，这个alt属性在大多数浏览器上会帮你显示所指定的alt文本，来取代图像。其次，对于有视力障碍的用户，他们会使用一个屏幕阅读器来阅读页面，屏幕阅读器可以为用户读出alt文本，这样可以帮助他们更好的理解你的页面。）

在验证代码时，还会提示我们没有指定字符编码。

字符编码为我们提供了一种方法，可以在计算机上表示某种语言中的所有字母、数字、和其他符号。

虽然有很多种编码表，但是如今标准已经统一为Unicode字符编码。要为Web页面指定Unicode，需要在html中加一个<meta>标记，如下所示：

<meta charset="utf-8">

meta表示我们要告诉浏览器关于页面的一些信息...；要在charset属性中指定字符编码；utf-8就是我们指定的编码表。

想要了解字符编码的更多信息，可以访问：http://www.w3.org/International/O-charset.html

<meta>标记放在<head>元素中，而且要放在<head>元素中所有其他元素的最上面。

HTML简单指南

一定要以<doctype>开头

每个页面都要从一个doctype开始。这样才能让浏览器和验证工具顺利开展工作。任何时候都要使用<!doctype html>,除非你确实在写html 4.01或xhtml。

一定要有<html>

紧接着doctype，<html>元素必须是Web页面的最顶层元素或根元素。所以，在doctype后面由<html>标记开始你的页面，</html>标记结束页面，页面中的所有其他内容都嵌套在这个元素中。

要使用<head>和<body>编写更好的html

只有<head>和<body>元素能直接放在<html>元素中，这说明，所有其他元素都必须放在<head>和<body>元素中，没有例外。

在<head>元素中指定正确的字符编码

在<head>中包含一个<meta charset="utf-8">标记。

一定要使用<title>

在<head>元素中使用<title>元素。这是雷打不动的原则，如果没有做到，则会得到不符合标准的html。

嵌套某些元素时要当心

在这里提供的原则中，嵌套规则相当灵活。不过有一些情况是没有意义的。不要把<a>元素嵌在另一个<a>元素中，因为这样会让访问者很迷惑。另外，不允许在<img>等void元素中嵌套其他内联元素。

检查属性

有些元素的属性是必要的，有些则是可选的。例如，如果<img>元素没有src属性，就没有什么意义，现在你还知道了，alt属性也是必要的。在学习的过程中，要逐渐熟悉各个元素的必要和可选属性。

七海Chiaki

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
七海的html和css学习笔记（六）

第六章 HTML的标准及其他 HTML简史 html有过html1.0-2.0、html3、html4、html4.01、xhtml1.0到现在的html5。语言的新版本会带来更多的新东西，因为所有人都得跟上最新的标准。不过html5则有所简化，你能更容易的告诉我你在使用哪个版本的html。html5的标准还明确指出了W...
复制链接

扫一扫