HTML5文档结构?
1.DOCTYPE文档类型声明,不区分大小写,告诉浏览器所查看的文档类型,在以往的HTML4.01和XHTML1.0中,它表示具体的HTML版本和风格
2.html元素/标签/标记,是文档开始和结尾的元素,它是一个双标签,头尾呼应,包含内容(head/body),常用的属性和值:lang="zh-cn"表示文档采用语言为简体中文,英文的话设置为:lang="en"
3.head元素用来包含元数据,元数据包括<link>,<meta>,<noscript>,<script>,<style>,<title>,主要用来给浏览器提供信息,如link提供CSS信息,script提供JavaScript信息,title提供页面标题等,但是这些信息在页面中是不可见的
4.meta元素用来提供关于文档的信息,常用的属性和值:charset="utf-8",表示告诉浏览器页面采用什么编码,当然除了编码还可以设置别的,后面再说
5.title元素设置浏览器左上角的标题
6.body元素用来包含文档内容的元素,也就是浏览器可见区域的部分,所有的可见内容,都应该出现在这个元素内部进行添加
7.a元素表示一个超链接
<!-- 说明: 文档类型声明 -->
<!DOCTYPE html>
<!-- 说明: 表示HTML文档开始 -->
<html lang="zh-cn">
<!-- 说明: 包含文档元数据开始 -->
<head>
<!-- 说明: 声明字符编码 -->
<meta charset="utf-8">
<!-- 说明: 设置文档标题 -->
<title>0002 - 基本结构</title>
<!-- 说明: 包含文档元数据结束 -->
</head>
<!-- 说明: HTML文档内容开始 -->
<body>
<!-- 说明: 一个超链接元素 -->
<a href="http://www.baidu.com">百度</a>
<!-- 说明: HTML文档内容结束 -->
</body>
<!-- 说明: 表示HTML文档结束 -->
</html>
HTML5标签组成?
1.元素,告诉浏览器如何处理一些内容的标签,每个元素都有一个关键字,元素分为:单标签(内容为空的标签,一般用于声明或是插入某个元素,如声明编码的meta,插入图片的img)/双标签(用于设置一段区域的内容,将其包起来,如段落<p>...</p>)
2.属性和值,元素内部还可以设置属性和值,这些属性值用来改变元素某些方面的行为,一个元素可以设置多个属性值,只需用空格隔开