博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML基础知识点
阅读量:5118 次
发布时间:2019-06-13

本文共 1731 字,大约阅读时间需要 5 分钟。

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
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.闭合空元素可选(推荐省略)。

 

转载于:https://www.cnblogs.com/wjw1014/p/8944753.html

你可能感兴趣的文章
发布功能完成
查看>>
【原】小程序常见问题整理
查看>>
C# ITextSharp pdf 自动打印
查看>>
【Java】synchronized与lock的区别
查看>>
django高级应用(分页功能)
查看>>
【转】Linux之printf命令
查看>>
关于PHP会话:session和cookie
查看>>
Chrome development tools学习笔记(3)
查看>>
软件过程的守护神
查看>>
NAT配置
查看>>
【翻译】Brewer's CAP Theorem CAP定理
查看>>
undefined与null
查看>>
redis总结
查看>>
解决SQL Server 阻止了对组件 'Ad Hoc Distributed Queries' 的 STATEMENT 'OpenRowset/OpenDatasource' 的访问...
查看>>
STM32F10x_RTC秒中断
查看>>
[原创]网站HTML,XHTML,XML,WML,CSS等测试验证工具介绍
查看>>
display:none和visiblity:hidden区别
查看>>
C#double转化成字符串 保留小数位数, 不以科学计数法的形式出现。
查看>>
SpringMVC学习总结(三)——Controller接口详解(1)
查看>>
RGB色彩空间和HSV色彩空间的理解
查看>>