html5 页面背景 html5中怎么设置背景的大小_赋值


如果用一个词来形容HTML5的语法,就是“宽容”,HTML5对Web前端开发者非常宽容,与Java语言对比,HTML5的语法几乎没有约束力。

1、HTML5的文档类型标识

HTML5文档的第一行,用DOCTYPE来声明本文档是HTML5文档:

2、HTML5文档的整体是一个html元素,html元素由head元素和body元素组成,head元素定义标题和字符集等,body元素定义网页的详细内容。

下面是一个完整的HTML5文档:

这是文档的标题                这是文档的内容

3、为了避免歧义,在HTML5文档中,下面的地方不要放置任何内容:

(1)在标签和标签之间不要放置任何内容;

(2)在标签和标签之间不要放置任何内容;

(3)在标签和标签之间不要放置任何内容。

例如:下面的html文件:

the first place cannot exist any contentthe second place cannot exist any contentthe third place cannot exist any content

很多浏览器将其解释为:


html5 页面背景 html5中怎么设置背景的大小_HTML5_02


这不一定是您的初衷。

4、在HTML5中,任何标签都可以为大写形式,也可以为小写形式,也可以是大小写混合的形式:

下面的写法中,body标签是小写形式,是合法的:

This is the body.

下面的写法中,BODY标签是大写形式,也是合法的:

This is the body.

下面的写法中,BodY是大小写混合的形式,还是合法的:

This is the body.

这三种写法,在浏览器中的展示效果都是:


html5 页面背景 html5中怎么设置背景的大小_赋值_03


5、在HTML5中,开始标签和结束标签可以大小写形式不同:

下面的写法中,起始标签是

,结束标签是,是合法的:

This is the body.

6、在HTML5中,空元素可以只有开始标签,也可以在开始标签中有结束的斜杠标志。

空元素,指开始标签和结束标签不能分开定义的元素,例如img、br、hr、input等等。

例如,下面的img和br是合法的表示形式:

first line 
second line

修改为这样的表示形式,也是合法的:

first line 
second line

这两种写法,在浏览器中的展示效果都是:


html5 页面背景 html5中怎么设置背景的大小_赋值_04


7、在HTML5中,有些元素可以省略结束标签,例如dt、dd、li、p、thead、tbody、ftoot、tr、td、th等等。

例如,下面的li元素没有结束标签,是合法的形式:

语文数学英语物理化学生物地理

这种写法,在浏览器中的展示效果是:


html5 页面背景 html5中怎么设置背景的大小_html5 页面背景_05


8、在HTML5中,html、head、body、colgroup、tbody可以同时省略开始标签和结束标签。

例如,下面的网页没有head元素和body元素,是合法的形式:

网页测试

网页测试的内容


这种写法,在浏览器中的展示效果是:


html5 页面背景 html5中怎么设置背景的大小_HTML5_06


9、在HTML5中,对于boolean值的属性,可以不赋值,可以赋boolean值,可以赋文本值,可以赋空值:

例如,下面的readonly和checked属性赋值为true,是合法形式:

将readonly和checked属性设置为未赋值,等同于赋值为“true”,是合法的形式:

将readonly属性设置为“readonly”,将checked属性设置为“checked”,等同于赋值为“true”,是合法的形式:

将readonly属性和checked属性设置为“”,等同于赋值为“true”,是合法的形式:

这四种写法,在浏览器中的展示效果都是:


html5 页面背景 html5中怎么设置背景的大小_html_07


10、HTML5对语法的宽容,导致HTML文档比较容易编写,不过一旦出现语法错误,就比较难以排除。这时,我们可以通过validator.w3.org网站来帮我们定位错误。

该网站的截图如下:


html5 页面背景 html5中怎么设置背景的大小_HTML5_08


使用该网站,我们可以检查某个网址对应网页,也可以上传html文件进行检查,还可以直接将html粘贴到该网站进行检查。

举例,对于下面的错误html文档:

good