HTML入门必备

查看作者原文

一、前端开发做什么

• 传统前端：html+css+js
• HTML5大前端：各种端的兼容开发、Ajax+服务器端的开发、高级设计模式和框架、网站安全、SEO优化、测试、源代码管理、移动APP和移动站点的开发

二、HTML要点

HTML简介

1.什么是HTML？

超文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言；
HTML 不是一种编程语言，而是一种标记语言；
标记语言是一套标记标签 ，HTML 使用标记标签来描述网页 。

2.html的文件命名

必须是小写字母开头，后接下划线、数字、字母，不可使用中文或特殊字符作为文件名。

HTML的结构

1.HTML标签的规范

• HTML 标签是由尖括号包围的关键词，比如
• HTML 标签通常是成对出现的，比如 和
• 标签对中的第一个标签是开始（开放）标签，第二个标签是结束（闭合）标签
• HTML也存在单标签，例如
、

2.Html标签结构初体验（标签、属性、元素、注释）

image

3.结构中的每个标签的含义

（1）标签

• 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范
• 文档类型：

文档类型	分类	备注
HTML	HTML Strict DTD	请求比较严格的html类型
HTML	Transitional DTD	相对而言比较规范不太严禁
HTML	Frameset DTD	框架级的类型
xHTML	HTML Strict DTD	请求比较严格的html类型
xHTML	HTML Transitional DTD	相对而言比较规范不太严禁
xHTML	Frameset DTD	框架级的类型
HTML5

注意：每个页面都必须设置一个doctype，如果不设置，浏览器会默认开启quirks mode（怪异模式）解析（quirks mode是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式）。
（2）告知浏览器这是一个html文件

属性值	作用
lang属性	设置这个页面的主要语言

（3）标签管理所有头部元素的容器
可以存放：, , ,