
HTML5
文章平均质量分 73
Understand_XZ
热爱生活,热爱代码。
展开
-
XZ_iOS 之 iOS 与 H5 进行js交互的各种问题
需求:js调原生页面,并把参数传过来问题:js调起的方法走,但是获取不到参数原因1:前端 APP 代码导致的把参数的接收放在了主线程里面,因为页面的跳转需要放在主线程中,因为页面的刷新需要在主线程中,否则可能会引起崩溃。如下图:解决:正确的写法context[@"yaoQingHaoYou"] = ^() { NSArray *args = [JSCont...原创 2019-10-12 09:29:37 · 437 阅读 · 1 评论 -
XZ_HTML5之HTML5头部和元信息
使用元素可以定义HTML文档头,该元素可以包含如下子元素。:该元素用于包含JavaScript脚本。:该元素用于定义内部CSS样式。:该元素用于链接外部CSS样式等资源。:该元素用于定义文档标题。该元素较为常用的属性是id,作为其唯一标识。该元素只能包含文本内容,该文本内容就是该文本的标题。:该元素用于指定该页面所有链接的基准链接。该元素必须是空元素,该元素除了可以指定id作为原创 2017-09-11 11:53:13 · 410 阅读 · 0 评论 -
XZ_HTML5之超链接和锚点
HTML页面使用超链接与网络上的另一个资源保持关联,当用户单击页面上的超链接时,浏览器会导航到超链接所指的资源。HTML5保留了定义超链接的元素,该元素可以指定id、class、style等核心属性,也可以指定onclick等各种事件属性。它还可以指定以下三个重要属性。 href:指定超链接所关联的另一个资源。 target:指定使用框架中的哪个框架来装载另一个资源。该属性原创 2017-09-11 11:49:00 · 567 阅读 · 0 评论 -
XZ_HTML5之实现瀑布流的3种方式
瀑布流的特点是:1、等宽;2、高度不一样;2、每一个盒子相对于父标签定位;4、第二行第一个元素拼接到第一行最矮的盒子底下;瀑布流的布局原理:子盒子相对于父盒子的一个定位,所以,先将第一行排列好,求出每个盒子的高度,如果是第一行的盒子,加入到数组中,如果是其他行的,遍历查找上一行的最矮盒子,把当前盒子相对于最矮盒子进行一下定位,然后更新数组最矮盒子的高度;实现思路:每一个盒子原创 2017-09-07 21:30:37 · 996 阅读 · 0 评论 -
XZ_HTML5之HTML表单和输入
表单是一个包含表单元素的区域,用于搜集不同类型的用户输入。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。表单使用表单标签()定义。输入多数情况下被用到的表单标签是输入标签()。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:文本域(Text Fields)当用户要在表单中键入字母、数字等内容时,就会用到文本域原创 2016-07-20 15:47:04 · 2373 阅读 · 0 评论 -
XZ_HTML5之HTML框架和 HTML内联框架 iframe
水平框架frameset rows="25%,50%,25%"> frame src="First.html"/> frame src="Second.html"/> frame src="index.html"/>frameset>框架结构标签• 框架结构标签()定义如何将窗口分割为框架• 每个 frameset 定义了一系列行或列原创 2016-07-25 17:33:13 · 2016 阅读 · 0 评论 -
XZ_HTML5之HTML文档类型和头部
HTML 声明帮助浏览器正确地显示网页。 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。用处:Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。常用的声明:HTML5 HTM原创 2016-07-27 15:15:08 · 640 阅读 · 0 评论 -
XZ_HTML5之HTML脚本、实体和URL
HTML脚本JavaScript使HTML页面具有更强的动态和交互性。scripttype="text/javascript">document.write("Happy EveryDay!")script> noscript>Sorry, your browser does not support JavaScript!noscript>不支持 JavaScrip原创 2016-07-27 16:35:09 · 599 阅读 · 0 评论 -
XZ_HTML5之网页的组成
Web开发新时代web1.0主流技术:HTML+CSSweb2.0主流技术:Ajax(JavaScript/DOM/异步数据请求)web3.0主流技术:HTML5+CSS3H5亮点:Canvas、HTML5音视频、web存储、Geolocation workers多线程处理CSS3亮点:设计动画、2D变形、N多新特性网页的组成一个功能完整的网页,原创 2016-11-14 23:16:05 · 534 阅读 · 0 评论 -
XZ_HTML5之H5新增标签
H5新增27个标签元素,废弃了16个标签元素,主要包括:结构性标签,级块性标签,行内语义性标签,交互性标签。1、结构性标签 负责web上下文结构的定义,确保HTML文档,包括:article 文章主题内容(一篇博客、一篇论坛帖子、一段用户评论、插件)header 标记头部区域内容footer 标记脚部区域内容section 区域章节表述nav 菜单导航,链接原创 2016-11-14 23:46:52 · 799 阅读 · 0 评论 -
XZ_HTML5之CSS的两大重点
1、属性 通过属性的复杂叠加才能做出漂亮的网页 2、选择器 通过选择器找到对应的标签设置样式 选择器的作用:选择对应的标签,为之添加样式 1>标签选择器:根据标签名找到标签 2>类选择器 格式:.类名<p class="high">第一段文件</p><p>第二段文字</p><div class="high">div1</div><div>div2</div>通过类选择器设置标签原创 2016-12-11 20:18:07 · 573 阅读 · 0 评论 -
XZ_HTML5之HTML<div>和<span>以及两者的区别
HTML 块元素可以通过 和 将 HTML 元素组合起来。大多数 HTML 元素被定义为块级元素或内联元素。“块元素”译为 block level element,“内联元素”译为 inline element。块级元素在浏览器显示时,通常会以新行来开始(和结束)。例如:, , , HTML 内联元素内联元素在显示时通常不会以新行开始。例如:,原创 2016-07-19 10:36:55 · 952 阅读 · 0 评论 -
XZ_HTML之HTML列表
HTML支持有序、无序和定义列表。列表可以嵌套。无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 标签。每个列表项始于 。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。无序列表: 咖啡 茶 牛奶标记类型 典型的小黑圆圈(默认) 空心小黑圆圈 方形的实心黑圈原创 2016-07-19 10:32:05 · 469 阅读 · 0 评论 -
XZ_HTML之HTML表格
表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。每个表格由 table 标签开始;每个表格行由 tr 标签开始;每个表格数据由 td 标签开始。border 是table的边框,1是普通边框,如果不定原创 2016-07-18 09:52:08 · 494 阅读 · 0 评论 -
XZ_HTML之HTML图像
图像标签 和源属性(Src) 是空标签,意思是说,它只包含属性,并且没有闭合标签。src 指 "source"。源属性的值是图像的 URL 地址。定义图像的语法是:通过改变 img 标签的 "height" 和 "width" 属性的值,您可以放大或缩小图像。URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.school.com.cn 的 image原创 2016-07-18 09:49:14 · 615 阅读 · 0 评论 -
XZ_HTML之HTML链接
HTML 超链接(链接):超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。 有两种使用 标签的方式:1 通过使用 href 属性 - 创建指向另一个文档的链接2 通过使用 name 属性 - 创建文档内的书签原创 2016-07-18 09:40:18 · 913 阅读 · 0 评论 -
XZ_HTML之HTML样式
如何使用样式当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。内部样式表当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 标签定义内部样式表。body原创 2016-07-18 09:36:27 · 578 阅读 · 0 评论 -
XZ_HTML之HTML元素
HTML 标题HTML 标题(Heading)是通过 - 等标签进行定义的。HTML 段落HTML 段落是通过 标签进行定义的。HTML 链接HTML 链接是通过 标签进行定义的 。注释:在 href属性中指定链接的地址。HTML 图像HTML 图像是通过 标签进行定义的。注释:图像的名称和尺寸是以属性的形式提供的。空的 HTML原创 2016-07-18 09:26:13 · 493 阅读 · 0 评论 -
XZ_HTML之HTML简介
本文包括HTML的简介:什么是 HTML?HTML 标签、HTML 文档 = 网页、HTML 元素、HTML 元素语法等相关内容原创 2016-07-18 08:56:48 · 629 阅读 · 0 评论