html阶段第一小节第二天
2017-04-15 本文已影响8人
显然2017
HTML的标签（上）
HTML文件的后缀：
在早期的dos8位机时代，HTML后缀名为：htm
现在电脑都支持多字符文件后缀名，所以现在后缀名为：html
（文档用 htm或html 后缀名都是一样的效果）
快速生成HTML页面结构
先写 HTML:5 后按快捷键 tab (在键盘左方) 出现下图：
DOCTYPE标签：
文档声明（重要，不能丢了，影响页面布局，样式处理等展示效果）
html5标准（先写 HTML:5 后按快捷键 tab） 趋势
html4s标准（先写 HTML:4s 后按快捷键 tab） / 还有一个html:4t 了解
补充关于DTD：文档类型的定义（上图W3C后面）
<html>标记：
所有内容都放在html标签内部。
lang 属性 用于搜索引擎优化，"en"表示当前页面是英文，“zh-cn”表示当前页面是中文
<Head>标签：
head标签：用于嵌套 给浏览器使用的设置标签（不是用于展示信息的）
head 标签中设置都是用于给浏览器使用的一些配置和设置。（比如meta标签告诉浏览器当前文档的编码格式）
title标签：设置当前浏览器页面标签的 标题内容。（需要重视，直接影响网站SEO）（图2）
当浏览器解析当前文档的编码和文档司机的编码不一样的时候，会出现乱码的问题
meta标记：meta charset="UTF-8"> ：设置了当前页面的编码用UTF-8 (charset：编码)
UTF-8是目前最常用的字符集编码方式。（常用的字符集编码方式还有gbk和gb2312）
gb2312：简单中文
GBK：包含全部中文字符 繁体
BIG5：繁体中文
UTF-8：则包含全世界所有国家需要用到的字符
从二进制说起，符号表示文字，表示的模式就是编码（联想电报）
加插快捷键：快速复制一行标签，方法：光标放在需要复制的目标，然后Ctrl+Shift+D
Link标签：
引入CSS样式；DNS预解析（可以有效的提高后续访问网站的效率）；引入网站icon图标（下图标题左边的小图标）。
