你好世界
  • 入门
  • 框架
  • Webpack
  • 模式
  • 知识点
  • 面试题
  • Koa
  • Java
  • Python
  • MongoDB
  • Redis
  • Algorithm
  • AI 概述
  • 机器学习
  • 深度学习
  • 自然语言处理
  • 关键词说明
  • 使用技巧
  • 本地模型安装及下载
  • 调试
  • 测试
  • GIT
  • Network
  • Linux
  • VSCode
  • GitHub
  • Mock
  • 入门
  • 框架
  • Webpack
  • 模式
  • 知识点
  • 面试题
  • Koa
  • Java
  • Python
  • MongoDB
  • Redis
  • Algorithm
  • AI 概述
  • 机器学习
  • 深度学习
  • 自然语言处理
  • 关键词说明
  • 使用技巧
  • 本地模型安装及下载
  • 调试
  • 测试
  • GIT
  • Network
  • Linux
  • VSCode
  • GitHub
  • Mock
  • HTML

    • HTML
    • 常见问题
  • JavaScript

    • Javascript
    • 原型到原型链
    • 继承的多种方式和优缺点
    • 作用域和闭包
    • 常见问题
  • CSS

    • CSS
    • 布局
    • 定位 Position
    • 图文样式
    • 响应式
    • 动画渐变
  • WebApi

    • WebApi
    • Ajax

HTML

HTML5 声明

HTML5 声明

<!DOCTYPE html>

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD。

块状元素&内联元素

block 块级元素、inline 内联元素
inline-block 内联块元素,表现为同行显示并可修改宽高内外边距等属性

块状元素: address、blockquote、center、dir、 div、dl、fieldset、form、h1、h2、h3、h4、h5、h6、hr

内联元素:a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、button

HTML5 中的一些新特性

  • 用于绘画的canvas元素
  • 用于媒介回放的video、audio元素
  • 对本地离线存储的更好的支持
  • 新的表单控件,如:calendar、date、time、email、url、search
  • 语义化标签,如:header、footer、nav、section、article、main
  • 新的特殊内容元素,如:article、footer、header、nav、section
  • 地理定位:使用getCurrentPosition()方法来获取用户的位置,从而实现队地理位置的定位
  • 拖放API:通过给标签元素设置属性draggable值为true,能够实现对目标元素的拖动
  • Web Storage:Localstorage和SessionStorage
  • Websocket:长连接
  • svg绘图
  • Web Worker:Web Worker通过加载一个脚本文件,进而创建一个独立工作的线程,在主线程之外运行,worker线程运行- 结束之后会把结果返回给主线程,worker线程可以处理一些计算密集型的任务,这样主线程就会变得相对轻松,这并不是- 说JS具备了多线程的能力,而实浏览器作为宿主环境提供了一个JS多线程运行的环境。
最后更新时间: 6/18/22, 3:23 PM
贡献者: LAPTOP-CRCIOU48\hjl, DESKTOP-ER5718D\zt
Next
常见问题