《html基础常识》课件.ppt

HTML5拖放API拖放操作拖放API允许用户通过拖放操作将数据从一个位置移动到另一个位置。拖放操作可以用于各种场景，例如将文件从一个文件夹移动到另一个文件夹，将图像从一个网站移动到另一个网站，或者将文本从一个应用程序移动到另一个应用程序。事件处理拖放API提供了一系列事件，允许您在拖放操作的不同阶段执行代码。例如，您可以使用`ondragstart`事件在用户开始拖动元素时执行代码，使用`ondragover`事件在用户将元素拖放到目标元素上时执行代码，使用`ondrop`事件在用户将元素放到目标元素上时执行代码。HTML5Web存储本地存储Web存储提供了一种在用户浏览器中存储数据的机制。数据持久化即使关闭浏览器，存储的数据也会保留。两种存储方式localStorage:存储的数据没有过期时间sessionStorage:存储的数据仅在当前会话中有效HTML5历史管理页面历史记录HTML5提供了一个新的API来管理浏览器的历史记录，允许开发者控制用户的浏览历史并进行操作，如前进和后退等。History对象History对象提供了访问浏览器历史记录的方法，如pushState()和replaceState()，可以修改当前页面历史记录条目，而不会重新加载页面。HTML5跨文档消息传输11.概述跨文档消息传输(XDM)允许不同源的网页之间进行安全地通信。22.优势XDM提供了一种更安全的方式来交换数据，因为它限制了访问，并防止跨站点脚本(XSS)攻击。33.机制XDM使用postMessageAPI来发送和接收消息，并使用origin属性来验证消息来源。44.应用场景XDM常用于构建复杂的web应用程序，例如协作工具、聊天应用程序和跨域数据共享。************************HTML基础常识HTML是网页的基础，用于构建网页的结构和内容。它是一种标记语言，使用标签来定义文本、图像、链接和其他网页元素。HTML简介超文本标记语言HTML是用于创建网页的标准标记语言，由W3C（万维网联盟）制定。网页结构HTML使用标签定义网页的内容，这些标签指示浏览器如何显示内容。网页内容HTML可以包含文本、图像、视频、音频和其他内容，以创建丰富多彩的网页。易学易用HTML语言结构简单，语法清晰，易于学习和使用。HTML文档结构1DOCTYPE声明告诉浏览器文档类型2HTML标签文档根元素3头部（Head）元数据4主体（Body）可见内容HTML文档结构类似于树状结构，由根节点HTML开始。头部包含元数据，例如标题和字符集。主体包含浏览器显示的所有可见内容。HTML标签简介标签的组成标签由一对尖括号包围，例如：p标签的属性标签可以包含属性，用于指定标签的额外信息，例如：imgsrc=...标签的嵌套标签可以互相嵌套，形成文档的结构，例如：pahref=...链接/a/p标签的语义标签代表网页内容的特定含义，例如：h1标题/h1HTML标签属性11.属性名称属性名称通常是英文单词，例如href、src、alt等。22.等号属性名称后面紧跟一个等号(=)，用于连接属性名称和属性值。33.属性值属性值通常用双引号()括起来，表示属性的具体内容。44.属性作用属性用于为标签提供额外的信息，例如链接地址、图片路径等。常用HTML标签标题标签定义网页标题，例如H1,H2,H3等。不同的标题标签会显示不同的文字大小和样式。段落标签表示网页中的一个段落，使用p标签。每个段落之间默认会空一行。列表标签用于创建列表，包括无序列表ul和有序列表ol。链接标签定义超链接，使用a标签。标题标签H1标签H1标签用于定义页面最重要的标题。它在页面结构中扮演着重要的角色，并对搜索引擎优化(SEO)有重要影响。H1标签代码示例使用h1和/h1标签来包围您的标题文本。例如，h1欢迎来到我的网站/h1会在页面上创建一个名为“欢迎来到我的网站”的大标题。段落标签段落标签作用段落标签用于将文本划分为不同的段落。段落间距浏览器会自动在段落之间添加间距。段落内容段落标签内可以包含各种文本内容，包括文字、图像和链接。列表标签无序列表使用ul标签创建无序列表，使用li标签定义列表项。例如，ulliitem1/liliitem2/li/ul有序列表使用