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

来源:互联网 发布:简单效果图制作软件 编辑:程序博客网 时间:2024/05/22 13:04

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检测工具


以上内容为读书笔记及个人观点,欢迎大家提出批评和指导!


0 0