html5尖括号快捷键,[前端Web]HTML5语法全解1

1. HTML5简介

HTML5是W3C和WHATWG合作的结果。W3C大家都知道，WHATWG是做web表单和应用程序的。

HTML5与2004年被WHATWG提出，并于2007年被W3C接纳。最终在2010年9月正式向外推出。

2. HTML语法规范

1.1 标记写法

任何标记都是由<>尖括号围起来的。例如：

尖括号围起来的。例如：

标记名和尖括号之间是不能有空白字符的

有些标记可以添加标记的属性参数。例如：hello。注：属性只能在起始标记中。

hello。注：属性只能在起始标记中。

。注：属性只能在起始标记中。

HTML标签从闭合角度分为闭合标签和空标签。HTML中大部分为闭合标签。也有少数空标签：

。也有少数空标签：

。也有少数空标签：

HTML标签根据在文档中的位置分类：块级标签、行内标签、行级块元素(也称块级行元素)

标签字母大小写皆可。

1.2 按位置分类的标签

块级标签[block]：

特点：

可以设置宽、高、上下内外边距

独占一行【前后均有换行】

块级元素如果不设置宽度、高度，则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。

常见的块级元素：div、p、h1~h6、ol-li、ul-li、dl、form、table等

行内标签[inline]：

特点：

不可设置宽高、上下内外边距

宽度和高度由其内容自动填充

与其他行级元素共处一行

常见行级元素：a、span、i、label等

行级块元素[inline-block]：

特点：

可以设置宽高、内外边距

可以与其他行内元素、内联元素共处一行

常见内联元素：input、img

元素之间相互转换：

display:block；(将元素变为块级元素)

display:inline； (将元素变为行级元素)

display：inline-block；(将元素变为行级块元素)