HTML主要结构语法:<!DOCTYPE html>、<html>、<head> 、<body>、注解等
网志图文版:
https://www.b88104069.com/archives/4620
本文介绍HTML网页文件主要结构,从宣告版本<!DOCTYPE html>、<html></html>、
<head> </head>、到<body></body>,同时说明如何添加注解,以<pre></pre>标签及<br>
显示原始排版,最后补充显示空格特殊符号 。
一、HTML文件
这是HTML标准也是主要结构,各标签用法如下:
<!DOCTYPE html>:
因为有约定成俗统一的文法,我们才能使用同一个语言沟通,不同浏览器在显示众多网页
时也是如此。HTML便是一套规定浏览器如何展现解析网页内容的标准,虽然最新版本是
2014的HTML 5,但是在网页技术发展的过程中,在这之前还有HTML 2、HTML 3、HTML 4等
许多版本,可以想见会有很多网页是在新版本发布之前设计好的,它们不可能根据HTML 5
编写,所以每一份HTML文件都应该在开头第一行写明所适用的HTML版本,这样浏览器才能
依照原始设计者的预期,正确解析网页内容。所谓的“DOCTYPE”是Document Type文件型
态的意思,“<!DOCTYPE html>”便是告诉浏览器我的网页是依照HTML 5标准设计的。
辅充说明,HTML标准是由国际共同承认的W3C组织发布,英文全名为World Wide Web
Consortium,之后会介绍到的CSS也是由W3C制定。
<html></html>:这个标签的开始和结束代表整个HTML文件本身,等于是告诉浏览器什么
时候开始,什么时候结束。
<head> </head>:HTML文件的头部或者是封面,它并不是浏览器要显示出来的内容,是有
关于这份文件的基本资讯,例如这里很典型的网页标题,浏览器会把<Title>赞赞小屋
</Title>中的“赞赞小屋”显示在索引标签上。
<body></body>:HTML文件中真正要浏览器显示在网页上的内容。
二、分行及缩排
通常整个HTML文件会有分行及缩排的布局,这样阅读比较容易,程式设计时也方便修改。
图片上可以清楚看出原始HTML文件及浏览器显示网页。
三、HTML注解
程式为了方便阅读都有标示注解的设置,HTML是以“<!