HTML基础知识点

网友投稿 766 2022-11-24

HTML基础知识点

HTML基础知识点

HTML学习 基础知识点

DOCTYPE验证:

doc 文档意思

type 类型的意思

​​DOCTYPE验证​​ 网址:快捷方式

快速创建HTML在最小化模板

html5 template

创建文件模板:

html5 template

体验HTML5新特性

1.语义化元素(让浏览器更清楚含义)

header :头部nav:导航section:节点  header:节点中头部  article :独立的文章footer:尾部aside:附着信息

案例:

index

section-header
article
article
article
section-footer
footer

完善代码:

index

header
section-header
article
article
article
section-footer
footer

2. 表单验证(强化表单元素和属性,数据验证更简单)

代码案例:

会自动验证是否正确,不需要 javaScript 去编写代码了。

required : 表示该文本框内容不允许为空

3.本地储存

持久化本地储存:可以不通过第三方插件实现数据本地存储。  WebSocket : 页面之间实现双向通信。  服务器推送事件(SSE):从Web服务器推送消息给浏览器。

本地存储用户名:

存储用户名 然后 获取用户名 案例

4.多媒体元素 - Canvas画布

绘制图形 图片 矢量图等。

5. 多媒体处理

controls : 带控制工具

6.地理定位

哈哈,没写!

HTML4 与 HTML5 的区别

html5 更加灵活,支持一下多种形式:

1.标签名称可以大写(不推荐)。

2.属性双引号可选(推荐添加双引号)。

3.属性值可选(boolean属性的属性值推荐省略)。

4.闭合空元素可选(推荐省略)。

【重要说明】本文为本人的学习记录,论点和观点仅代表个人而不代表当时技术的真理,目的是自我学习和有幸成为可以向他人分享的经验,因此有错误会虚心接受改正,但不代表此刻博文无误!

【Gitee地址】秦浩铖:​​https://gitee.com/wjw1014​​

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:linux django 知识点 安装mysql数据库 和 pycharm
下一篇:实现计数器计数,使用按键按下记一次数
相关文章

 发表评论

暂时没有评论,来抢沙发吧~