web前端培训html入门之html的基本结构
2016-06-29 16:29:30
907
HTML的标签就像是一个房子的骨架，是作为前端的一个基础，那么今天我们来详细的说一说标签都有哪些，都是用来做什么的，以及用在哪里。
废话不多说，直接进正题，首先来介绍一下HTML的基本结构。
HTML的基本结构也是由标签组成的，都有哪些标签呢？以下就是一个HTML最基本的结构了。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
那我们来分别看一下每一个标签在其中都起到了哪些作用？
<!DOCTYPE HTML>
<!--文档声明-->
<!--声明必须是 HTML 文档的第一行，位于 <HTMLgt; 标签之前-->
<!--声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令-->
<!--浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页，
如果文档正确定义了DOCTYPE浏览器则会进入标准模式（Standards Mode）， 否则浏览器会进入怪异模式或混杂模式（Quirks mode）-->
<!--浏览器是由不同厂商开发，所以存在不同的兼容性问题，浏览器逐渐支持包容，
但是还是会存在差异，这就是浏览器多种表现模式的来源。-->
<!--现在的文档声明主要分为HTML 4.01 版本和HTML 5 版本-->
<!--在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种-->
<!--此为HTML 5的文档声明 <!DOCTYPE html> 我们现在主要记住此声明就可以了-->
<html>
<!--<html>之间的文本描述网页</html>-->
<!--<html> 与 </html> 标签限定了文档的开始点和结束点，
在它们之间是文档的头部和主体。-->
<!--html标签是根元素，但即使 html 元素是文档的根元素，
它也不包含 doctype 元素。doctype 元素必须位于 html 元素之前-->
<head>
<!--<head> 标签用于定义文档的头部，它是所有头部元素的容器。
<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。-->
<!--文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。-->
<!--下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。-->
<!--请注意head标签中的内容一般不会直接显示在页面上，并不是因为这个标签具有隐藏的属性，
而是其中包含的这些标签不会显示在页面上。-->
<body>
<!--body 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）-->
<title>
<!--<title> 元素可定义文档的标题-->
<!--浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。
同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。-->
<meta>
<!--<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。-->
<!--<meta name="keywords" content="js培训,HTML5培训,css培训,node.js培训,移动端培训,北京珠峰培训" />
（keywords 关键字 content中是包含了哪些关键字）-->
<!--<meta name="description" content="珠峰培训是中国前端开发知名品牌，七年JS前端培训，以专注立身；
70%的同学来自老学员推荐，以诚信立业。" />
（description 描述 形容这个文档）-->
<!--<meta charset="UTF-8" />
charset 属性规定 HTML 文档的字符编码-->
<!--常用的编码有gbk、gb2312、utf-8等-->
以上就是咱们HTML的基本结构了，有了基本的骨架之后呢，就需要去丰满我们的其他内容，那么放置在body中的内容会用到哪些标签呢？我会给大家列出来滴，我辛苦的总结，也请大家用心的学习，那么今天的前端大碗茶儿时间就到这里了。
