HTML5
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML) 的第五次重大修改。用于取代HTML4与XHTML的新一代标准版本.
优势
- 网络标准统一
- 更好的语义化标签
- 及时更新
- 友好的用户体验
- 可移植性高
劣势
- IE9以下不支持
- 某些平台的引擎问题导致HTML5性能低下
新的语义化标签
<header>:头部标签
<nav>:导航标签
<main>: 主体标签
<article>:独立的内容标签
<section>:区段标签
<aside>:侧边栏标签
<footer>:尾部标签新增音视频标签
<video controls="controls" width="300">
<source src="01.ogg" type="video/ogg">
</video>新增表单属性
属性值 | 值 | 描述 |
required | required | 表单拥有该属性表示其内容不能为空，必填 |
placeholder | 提示文本 | 表单的提示信息，存在默认值将不显示 |
autofoucs | autofocus | 自动聚焦属性，页面加载完成自动聚焦到指定表单，一般页 面中放1个 |
multiple | multiple | 可以多选文件提示 |
CSS常用样式
字体属性
- 粗细font-weight
- normal
- bold 粗
- bolder 更粗
- lighter
- 字体风格font-style
- normal
- italic 斜体的字
- oblique 倾斜的字
- 行高line-height
- px 像素值
- % 百分比
文本属性
- 水平对齐 text-align
- left
- center
- right
- 文本修饰 text-decoration
- none
- overline 上划线
- line-throught
- underine
- 缩进 text-indent
- px
- em 缩进几个中文字符的位置
- 百分比
盒模型
- wdith
- height
- 内边距 padding：top、right、bottom、left
- 边框 broder
- 线宽 broder-wdith 设置边框线的宽度
- 线型 broder-style 设置边框线条的形状
- none 无框线
- solid 实线
- dashed 虚线
- 颜色 broder-color 设置边框线的颜色
- 外边距 margin：top、right、bottom、left
- 文本水平居中 text-align
显示模式
display
- block 块级元素
- inline 行内
- inline-block 行内快
- none 内容隐藏
浮动属性
float：left、right
如何清除浮动？
- 设置 height
- 设置属性 clear:both