一、认识HTML5骨架
1. 文档类型声明DTD
- HTML文件第一行必须是DTD(Document Type Definition,文档类型声明)
- 不写DTD会引发浏览器的一些兼容问题
- 不同版本的HTML有不同的DTD写法
不同版本的DTD写法
- html5
<!DOCTYPE html>
- HTML4.01严格版
<!DOCTYPE HTML PUBLIC> "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/sttict.dtd">
- HTML4.01过渡版
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- HTML4.01框架版
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
题外:
W3C(The World Wide Web Consortium,万维网联合会)是万维网的主要国际标准组织。该联盟成立于1994年,负责制定Web标准,主要是HTML和CSS
二、具体元素
-
html标签上的lang属性
-
head标签和body标签
-
字符的设置
字符集:字符集 涵盖字符 一个汉字字节数 适用场景 UTF-8 涵盖全球所有国家、民族的文字和大量图形字符 3 制作有非汉字文字的网页 gb2312 收录所有汉字字符(包括简体、繁体)和英语、少量韩文、日语和少量图形字符 2 制作只有汉语和英语的网页,由于1个汉字仅占2个字节,网页文件尺寸明显减少 -
标题title
标题的用途:- title标签用来设置网页的标题,文字会显示在浏览器的标签栏上
- title也是搜索引擎收录网站时显示的标题,为了吸引用户点击,合理设置title是必要的。
-
关键词和页面描述
作用:合理设置网页的网页的关键词和页面描述,是SEO的重要手段。
SEO(Search Engine Optimization,搜索引擎优化)利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名,让网站在搜索引擎的结果中内占据领先地位,获取品牌收益
使用meta标签设置网页关键词和描述,name属性非常关键,用来设置meta的具体功能
页面描述也是搜索引擎显示的简介。
-
视口设置
-
http文件头