您的位置：首页 > Web前端 > CSS

HTML/CSS:编写合法HTML页面简明指南

2016-09-11 09:29 465 查看

1.简介

HTML的发展历程：

HTML1.0～2.0 —> HTML3 —> HTML4 —> HTML4.01 —> XHTML1.0 —> HTML5。

对于相关的背景，我就不再详细地阐述了，想要了解的朋友可以自行在网上搜索。

注意：HTML标准将变成一个“活的标准”，这意味着它会根据需要继续发展和变化，不过不再有固定的版本号，所以，不再有版本号。故从此以后，我们所称的HTML就是指HTML5.

2.如何编写合法HTML页面？

(1)一定要以
<doctype>
开头。

<doctype>
是为了告知浏览器和验证工具你使用的HTML版本，以便选择对应标准顺利开展工作。

在之前，doctype的定义如下：

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


在如今，非常简洁：

<!DOCTYPE html>


(2)一定要有
<html>
元素

紧接着doctype，
<html>
元素必须是Web页面的最顶层或根元素，页面中所有其他内容都嵌套在这个元素中。

(3)要是用
<head>
和
<body>
编写更好的HTML

只有
<head>
和
<body>
能直接放在
<html>
元素中，即是所有其他元素都必须放在它们其中。

(4)在
<head>
中指定正确的字符编码

在
<head>
中包含一个
<meta charset="utf-8">
标记。因为采用Unicode就能表示所有语言，而“utf-8”是Unicode系列中的一个编码，所以使用“utf-8”。

注意：为服务器提供的文件编码要与
<meta>
标记中制定的编码一致，否则可能会出现乱码的情况。

(5)一定要在
<head>
中包含
<title>

这是规定，没有妥协的地步。
<head>
元素中只能放置
<title>
,
<meta>
,
<style>
元素。

(6)嵌套标签时要多加小心。

如一般不在
<a>
中嵌套
<a>
，再入void标签一般不嵌套其他內联元素。

(7)检查属性

有些元素的属性是必要的，有些则是可选的。如
<image>
元素中alt属性是必要的。

3.检测工具

下面推荐两个检测工具：

HTML检测工具

CSS检测工具

以上内容为读书笔记及个人观点，欢迎大家提出批评和指导！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5 标准 检测工具
相关文章推荐
新的分享
章节导航