HTML的标签(上)
HTML文件的后缀:
在早期的dos8位机时代,HTML后缀名为:htm
现在电脑都支持多字符文件后缀名,所以现在后缀名为:html
(文档用 htm或html 后缀名都是一样的效果)
快速生成HTML页面结构
先写 HTML:5 后按快捷键 tab (在键盘左方) 出现下图:

DOCTYPE标签:
文档声明(重要,不能丢了,影响页面布局,样式处理等展示效果)


补充关于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:则包含全世界所有国家需要用到的字符
从二进制说起,符号表示文字,表示的模式就是编码(联想电报)

Link标签:
引入CSS样式;DNS预解析(可以有效的提高后续访问网站的效率);引入网站icon图标(下图标题左边的小图标)。

网友评论