HTML学习 基础知识点
版权声明:未经博主授权,内容严禁转载 !
DOCTYPE验证:
doc 文档意思
type 类型的意思
1.声明用来告知浏览器页面是用了那种HTML版本。(常用 html4 html1.0 html5) 2.声明位于文档中的最前面位置,处于《html》标签之前。 3.声明不是一个标签。 4.声明指定了标记语言的规则,确保浏览器能够正确渲染内容。
网址:http://validator.w3.org
DOCTYPE验证 快捷方式
快速创建HTML在最小化模板
html5 template
创建文件模板:
html5 template
体验HTML5新特性
1.语义化元素(让浏览器更清楚含义)
header :头部nav:导航section:节点 header:节点中头部 article :独立的文章footer:尾部aside:附着信息
案例:
index section-header article article article
完善代码:
index header section-header article article article
2. 表单验证(强化表单元素和属性,数据验证更简单)
代码案例:
会自动验证是否正确,不需要 JavaScript 去编写代码了。
required : 表示该文本框内容不允许为空
3.本地储存
持久化本地储存:可以不通过第三方插件实现数据本地存储。 WebSocket : 页面之间实现双向通信。 服务器推送事件(SSE):从Web服务器推送消息给浏览器。
本地存储用户名:
存储用户名 然后 获取用户名 案例
4.多媒体元素 - Canvas画布
绘制图形 图片 矢量图等。
5. 多媒体处理
controls : 带控制工具
6.地理定位
哈哈,没写!
HTML4 与 HTML5 的区别
html5 更加灵活,支持一下多种形式:
1.标签名称可以大写(不推荐)。
2.属性双引号可选(推荐添加双引号)。
3.属性值可选(boolean属性的属性值推荐省略)。
4.闭合空元素可选(推荐省略)。