黑马程序员技术交流社区
标题: Web前端培训：HTML的标签笔记（上） [打印本页]
作者: 童瑞凯老师 时间: 2017-6-14 16:23
标题: Web前端培训：HTML的标签笔记（上）
本帖最后由 童瑞凯老师 于 2017-6-14 17:35 编辑
目录
1.1 HTML文件的后缀HTML文档的后缀名： .html .htm
在早期的dos 8位机的时代，电脑只识别 3个字母的后缀名文件。所以
HTML文件的后缀为：.htm
现在所有的电脑都支持 多字符的文件后缀名，所以现在大家都在使用.html后缀名了，当然用 .htm == .html进行命名html文档的后缀名都是一样的效果。
1.2 快速生成HTML页面结构Html:5 + tab键快速 生成html5 的文档结构。
1.3 Doctype标签<!DOCTYPEhtml><!-- 文档的声明：当前文件是一个html文档，遵循的标准是html5的标准 -->
Html:4s + tab
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
Html:4t + tab
Html:xt + tab :xhml过渡期的标准
目前所有的新的网站都是用html5的标准走。
文档声明标签一定要有，不能省略，后面学了css之后，文档声明标签会严重影响页面的展示效果。
1.4 HTML标签HTML标签代表整个文档结构。
HTML标签只嵌套 head标签和body标签。
1.5 Head标签Head标签中设置都是用于给浏览器使用的一些配置和设置。比如meta标签告诉浏览器当前文档的编码格式。
<!-- 当浏览器解析当前文档的编码 和 文档实际的编码不一致的时候那么会出现乱码的问题。 -->
<meta charset="UTF-8">
<!-- 设置当前浏览器页面标签的 标题内容的-->
<title>前端与移动开发学院首页--传智播客</title>
1.6 Link标签的常见用法l 引入DNS预先解析
dns预解析(了解)
<linkrel="dns-prefetch" href="http://mimg.127.net">
l 引入网站icon图标：
<linkrel="shortcut icon" href="http://www.126.com/favicon.ico" />
l 引入css样式，【后面讲】
<linkrel="stylesheet" href="css/bg.css">
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |
