H5基本开发1——(H5简单概述)
html概述
- HTML指的是超文本标记语言Hyper Text Markup Language,是一种用于创建网页的标准标记语言
- 标记语言是一套标记标签markup tag
- HTML使用标记标签来描述网页
- HTML文档的后缀名:.html或者.htm,两种后缀名没有区别,都可以使用
- HTML5是HTML最新的修订版本,2014年10月由万维网联盟W3C完成标准制定
- HTML5的设计目的是为了在移动设备上支持多媒体
什么是html开发
- Html文件就是【普通文本+Html标签】,不同的html标记可以表示不同的效果
- 目前主要使用html文档传递数据和数据的结构,具体显示依赖于css实现
常见的浏览器
![](/assets/blank.gif)
常见编辑器
- windows写字板 2. webStrom 3. HBuilderX
- vscode 5. Atom 6. Sublime Text
HTML开发代码构成
- 标签不区分大小写 <标签名 属性="值"></标签名>
- 元素可以省略结束标签
- 元素的属性可以省略属性值,例如disabled、readonly
- 允许属性值不使用引号
浏览器验证
<canvas id="ca1" width="200" height="100" style="border:2px solid #ccc;background-color:#eee">当前浏览器不支持全新的画布标记</canvas>
可以判定当前浏览器是否支持Html5的新特性,如果执行后显示一个矩形效果,则是支持;否则在页面显示对应不支持的提示信息
HTML部分
- 所谓标记:就是指由一对尖括号扩起来,当中具有特定英文单词的标识 ,<b>abc</b> 给文字加粗显示
- 标记的其他叫法:标签 元素 element
- 单标记 :例如 <meta> 不能存放内容,多是一些功能性的标记
- 双标记 :例如 <div> 超文本 </div> 有开始有结束,主要功能是存放内容,可以是超文本,也可以是其他标记
<font color="red">实际开发中,我是通过这些标记符号,在文档中表示图片、视频、音频、文字,只有通过标记,才能帮助浏览器识别</font>
代码示例
<!-- 双标记 -->
<div>超文本</div>
<!-- 单标记 -->
<img>
CSS部分
<!-- code by lanou -->
<style>
/* css代码部分 */
div{
color : red
}
</style>
<!-- html部分 -->
<div>红色字体</div>
<style>
/* css代码部分 */
div{
color : red
}
</style>
<!-- html代码部分 -->
<div onclick="fun()">js展示(超文本)</div>
<script>
// js代码
function fun(){
alert("js展示成功");
}
</script>
小结
- HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准
- HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
- 用于绘画的 canvas 元素
- 用于媒体播放的video和audio元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素,比如 article、footer、header、nav、section
- 新的表单控件,比如 calendar、date、time、email、url、search
H5基本开发1——(H5简单概述)相关推荐
- 混合开发与移动端--H5混合开发、H5页面的开发布局、开发注意事项、H5与原生(安卓)交互、webpack打包优化解决方案、H5调试工具、webview
H5混合开发 混合开发.原生开发.H5开发的区别: 简述:主流APP:原生APP.H5(webapp).混合APP,相对应的定制研发即原生开发.H5开发.混合开发 原生APP开发优缺点: 可以访问手机 ...
- 黑马前端h5团队开发代码规范
黑马前端h5团队开发代码规范 1. 概述 欢迎使用品优购代码规范, 这个是我借鉴京东前端代码规范,组织的品优购内部规范.旨在增强团队开发协作.提高代码质量和打造开发基石的编码规范, 以下规范是团队基本 ...
- H5游戏开发:决胜三分球
前言 本次是与腾讯手机充值合作推出的活动,用户通过氪金充值话费或者分享来获得更多的投篮机会,根据最终的进球数排名来发放奖品. 用户可以通过滑动拉出一条辅助线,根据辅助线长度和角度的不同将球投出,由于本 ...
- H5 App开发工具 WeX5
WeX5是H5 App开发工具,Apache开源,免费开放所有代码,所开发的应用均能"一秒打开"!对跨平台多前端应用开发的支持极好,一次开发,多平台运行 . WeX5采用混合应用( ...
- 移动端H5混合开发设置复盘与总结
此篇接上一篇: 移动端H5混合开发,Touch触控,拖拽,长按, 滑屏 实现方案 https://www.cnblogs.com/buoge/p/9346699.html app 场布设置已经上线了, ...
- C#开发微信门户及应用(44)--微信H5页面开发的经验总结
在我们开发微信页面的时候,需要大量用到了各种呈现的效果,一般可以使用Boostrap的效果来设计不同的页面,不过微信团队也提供很多这方面的资源,包括JSSDK的接口,以及Weui的页面样式和相关功能页 ...
- 招募技术合伙人(H5混合开发+秒开流应用)
本司因技术开发的需要,特向社会.高校招募技术合伙人,希望不甘于工薪收入,有志创业的人士踊跃报名,无需投资.无需离开原单位. 要求:擅长H5混合开发,会秒开(流应用)的优先 邮箱:Mr.liao@ali ...
- 对hash签名失败_详解Vue开发微信H5微信分享签名失败问题解决方案
关于Vue中路由使用history模式,开发微信H5页面分享时在安卓上签名有效成功,但是在IOS设备上一直报错签名失效问题 问题描述:在Vue开发过程中,路由使用History模式下,在使用微信分享时 ...
- 近期H5项目开发小结
前言:2016差不多又过了半啦,最近参与了公司好几个h5项目(严格来说,也只能算是推广页面活动).主要是新品牌的推广需要,当然也有给公司以前老客户做的案例.今天主要总结下为新品牌开发的2个h5推广:就 ...
- vue lang_推荐一个基于Vue 的 H5 快速开发模板
关注 Vue社区,回复"加群" 加入我们一起学习,天天进步 praise juejin.im/post/5e612534e51d4527017971a2 模板基于 vue-cli4 ...
最新文章
- Cluster table import - BSP UI component source code is actually stored in cluster table
- SAP License:关于集团管控模式的几点思考
- 制炭机行业调研报告 - 市场现状分析与发展前景预测(2021-2027年)
- 开了立体声混音仍然不能内录_蓝牙音箱有个功能很鸡肋,用好了秒变HIFI立体声...
- Windows下调试hadoop
- SpringMVC+idea+maven搭建项目
- pycharm不能输入代码
- http请求下载文件
- Groovy实战分析
- 在博客右下角设置透明卡通小美女,附上源码
- 磊科路由器信号按键_磊科怎么隐藏wifi信号 磊科路由器如何隐藏wifi信号?-192路由网...
- 直播带货那么火,测试人员如何对直播类产品的直播质量进行测试呢?
- 电脑维修中的十个笑话
- 计算广告(一):在线广告概述
- 1112day10:考前复习50题:断言
- 智和信通搭建高可靠、真稳定IT运维平台,助力能源行业高效生产
- Web报表系统葡萄城报表:财务报表分析
- 如何实现复制微信图文到Word文档
- sql:当一列为空时取另一列(case when then)
- 安装完JDK后没有JRE文件怎么办
热门文章
- SAP成都研究院飞机哥: SAP C4C中国本地化之微信聊天机器人的集成
- “最敬业变脸”值得点赞
- IBM Cloud 2019 - 新用户的注册,账户等级 和登录
- 用c语言写心理测试,心理小测试题目及答案
- 云原生应用之对象存储设计方案
- 计算机网络专业土味情话,各个大学专业的“土味情话”,撩不到你算我输!
- JavaScript (WebAPI)
- 中微单片机79F738
- java中怎么定义true或false_为什么Java中的布尔值只接受true或false? 为什么也不要1或0?...
- 使用Python爬取“最好大学网”软科中国最好大学排名2019并做可视化分析