【wap、app移动端页面常用html标签汇总】的更多相关文章

wap、app移动端页面常用html标签汇总

1.section 将内容组织到精确的语义块,表示页面的一部分. 2.article article表示网页的一个文章.故事. 3.header (1)用在整页的页头 (2)section或者article的引言 4.footer (1)网页的页脚--联系人和版权 (2)定义section和article的meta信息,如作者信息.发布时间,更新时间等. 5.aside 描述与主要内容相关,但又不是非常主要的内容. 6.nav 页面主导航! 7.figure.figcaption 图片和图注.…

移动端和PC端页面常用的弹出层

我们在页面的时候,很多时候用到了弹出层,消息提醒,确认框等等,统一样式的弹出框可以使页面更加优美.在此,我整理一下我们项目的移动端和PC端页面常用的弹出层. 一.移动端 我们需在页面引入弹出框的样式和js <link href="__STATIC__/weui.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src=&…

HTML5新结构标签和移动端页面布局

--------------------HTML5新结构标签--------------------1.h5新增的主要语义化标签如下: 1.header 页面头部.页眉 2.nav 页面导航 3.article 一篇文章 4.section 文章中的章节 5.aside 侧边栏 6.footer 页面底部.页脚 pc端兼容需要引用对应的js脚本<script type="text/javascript" src="//cdn.bootcss.com/html5shiv/…

pc端页面在移动端显示问题

1.pc端页面在移动端显示,默认视口宽度是980px(也就是body宽度是980px),可通过meta标签设置为需要的尺寸,比如页面中元素最大宽度是1220px,则如下所示 <meta name="viewport" content="width=1220"> 2.如果不想让页面有水平滚动条又有元素需要固定在屏幕底部,则可以按以下方法操作 1)给html页面设置视口宽度 2)判断是否为移动设备,对pc和移动设备分别设置样式,如下: $(function(…

python Django教程 之模板渲染、循环、条件判断、常用的标签、过滤器

python3.5 manage.py runserver python Django教程 之模板渲染.循环.条件判断.常用的标签.过滤器 一.Django模板渲染模板 1. 创建一个 zqxt_tmpl 项目,和一个 名称为 learn 的应用 django-admin.py startproject zqxt_tmpl cd zqxt_tmpl python manage.py startapp learn 2. 把 learn 加入到 settings.INSTALLED_APPS中 IN…

移动端学习系列1--meta标签

<!-- 是否启动webapp功能,会删除默认的苹果工具栏和菜单栏 --><meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 当启动webapp功能时,显示手机信号.时间.电池的顶部导航栏的颜色 --><meta name="apple-mobile-web-app-status-bar-style" content="…

css中常用的标签

最常用的标签 left 左 top 上 right 右 bottom 下 font 字体 size 大小 width 宽度 height 高度 class 类 label 标签 form 表单 group 组 for 为 example 例子 email 邮箱 placeholder 占位符 checkbox 复选框 line 线 button 按钮 submit 提交 default 默认 margin 外边距 padding 内边距 weight 重量 normal 正常 display 显…

移动前端常用meta标签

移动前端常用meta标签 移动前端head常用meta标签 原文链接:http://caibaojian.com/mobile-meta.html //code from http://caibaojian.com/mobile-meta.html <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 htt…

移动端页面开发适配 rem布局原理

主题 HTML移动端页面开发适配 rem布局原理 什么是适配,为什么要适配 我们拿到的设计图一般是以640,750,1080分辨率为基准设计的,而现在的手机终端各式各样,分辨率不同,逻辑像素不同 ,适口不同,所以为了让我们的页面在每个设备上都可以良好的展示,那么就需要为这些设备做统一的处理,这个过程就称为移动端适配. 需要知道的一些概念: 物理像素(physical pixel) 一个物理像素是显示器(手机屏幕)上最小的物理显示单元,可以理解为我们平时说的分辨率: 设备独立像素(density-…

转：springmvc常用注解标签详解

Spring5:@Autowired注解.@Resource注解和@Service注解 - IT·达人 - 博客园--这篇顺序渐进,讲得超级好--此人博客很不错http://www.cnblogs.com/szlbm/p/5512931.html 详解Spring MVC 4常用的那些注解 - mylove - ITeye技术网站http://aijuans.iteye.com/blog/2160141 ===================== Spring注解@Component.@Repo…