# HTML
# 1、HTML是什么?
HTML,即HyperText Markup Language。HyperText,即超文本,包括:图片、标题、链接、表格内容。 Markup Language即标记语言。用标签来表示内容。
# 2、HTML文件结构解析
'<!DOCTYPE>标签': '!DOCTYPE' 声明一般位于文档的第一行,它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来进行文档解析,否则就以兼容模式进行解析。
标准模式与兼容模式的区别:
标准模式下,浏览器的解析规则都是按照最新的标准进行解析。
兼容模式下,浏览器会以向后兼容的方式来模拟老式浏览器的行为,以保证一些网站的正确访问。
标签: head标签用于存放页面的元数据,即页面上需要的信息但又不需要直接呈现给用户的信息,比如:页面的编码、页面的标题等等。
浏览器解析HTML文件生成DOM树。
# 3、HTML语法
- 标签和属性不区分大小写,推荐使用小写,后续写自定义组件可以用大写表示,原生HTML用小写表示,方便区分。
- 空标签可以不闭合,如 input、meta、img等等。
eg. src = "" 可以写成: - 属性值建议用双引号表示。
# 4、常见HTML标签
列表:
- 即ordered list,表示有序列表
- 即definition title,
- 即difinition description
表示超链接,属性href(hyper reference)即超链接,属性值为需要跳转的链接。target属性值填_blank即新窗打开。
多媒体:
即图片,alt属性即alternative text,当图片加载失败或不被加载的适合会显示alt,width即宽度。
输入:
标签:
**placeholder:**占位符,用户无输入时默认输入框内显示的内容。
:
type=range页面上会渲染出一个滑动块
type=number限制用户输入框内输入数字,min max可以限制用户输入数字的最大最小值。
type=date输入日期
type=checkbox打勾框。
type=radio小圆点。
当type=radio时,相同name属性的对象选择互斥。
- 即unordered list,表示无序列表
- 即definition list,表示,