HTML文档基本结构(doctype、html、head、body
HTML 语法由元素、标签、属性组成。
Loading Editor...
文档版本声明
当前 HTML 最新协议为 HTML 5,如果不在文档中指定使用的 HTML 版本。用户浏览器可能会使用与开发者不同的 HTML 版本,导致用户看到的内容与期望的内容不一致。HTML5 已经完全普及,所以只需要学习 HTML5 的声明语句,旧版本的声明看看就行了。
- HTML5
- HTML旧版本
html
<!DOCTYPE html>
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
根元素
元素
编辑一个网页其实跟画画差不多。一幅画由许多点、线、圆组合而成,一个网页也是由许多基础元素组合而成。比如,标题、断落、图片、视频、表格等。
无论多么复杂的网页,都是使用基础元素堆叠而成的,就像点、线、圆通过叠 加会得到最终的画面。
在 HTML 中使用 <元素>内容</元素> 的语法标记一个元素。比如段落元素:
实时编辑器
p 表示 paragraph(段落)
Loading Editor...
标签
上述示例中,<p>是开始标签,</p>是结束标签。HTML 通过开始标签和结束标签告诉浏览器元素的范围。
标签由一个用尖括号(<>)包裹的名称组成。
根元素
元素之间可以嵌套,而最底层的是根元素html ,就像画板,承载所有的元素。
head 元素
根元素下面嵌套 head 元素和 body 元素,head 元素负责记录网页的元数据,不会直接显示给用户(除了 title )。
提示
后面的文章使用 <tag> 来表示元素,阅读起来舒服一点,大多数的教程也是这样做的,很多时候标签和元素并没有严格区分。 但你知道,严谨的说来 <tag>是标签, <tag>content</tag>才是元素。
小测试
(1)复制文章开头的代码到 VSCode,尝试修改各元素的内容并观察。