HTML篇(下·)
13.Label的作用是什么?是怎么用的?
label标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单事件上。
<label for="Name">Number:</label>
<input type="text" name="Name" id="Name"/>
<label>Date:<input type="text" name="B"></label>
14.如何实现浏览器多个标签页之间的通信?
websocket ,ShareWorker;
也可以调用localStorage,cookies等本地存储方式;
localStorage另一个浏览器上下文里被添加,修改或删除时,它都会触发一个事件,我们通过监听事件,控制它的值来进行页面信息通信;
通过quirks:Safari在无痕模式下设置localStorage值时会抛出QuotaExceededError的异常;
15.如何在页面上实现一个圆形的可点击区域?
1.map+area或者svg
2.border-radius
3.纯JS实现,需要求一个点在不在圆上简单算法、获取鼠标坐标等等
16.title与h1的区别、b与storage的区别、i与em的区别?
title属性没有明确意义只表示是个标题,H1则表示层次明确的标题,对页面信息的抓取也有很大的影响
strong是标明重点内容,有语气加强的含义,使用阅读设备阅读网络的时:<strong>会重读,而<B>是展示强调内容。
i内容展示为斜体,em表示强调的文本
注:应该准确使用语义样式标签,但不能滥用,如果不能确定时首选使用自然样式标签。
17.常见的兼容性问题?
1>png24位的图片在IE6浏览器上出现背景,解决方案是做成PNG8.
2>浏览器默认的margin和padding不同。。解决方案是加一个全局的*{margin:0;padding:0;}来统一。
3>IE6双边距bug:块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大。
4>浮动ie产生的双倍距离#box{float:left;width:10px;margin:0 0 0 10px;}.这种情况下ie会产生20px的距离,解决方案是在float的标签样式控制中加入_display:inline;将其转化为行内属性。(_这个符号只有ie6识别)
5>渐进识别的方式,从总体中逐渐排除局部。首先,巧妙的使用“\9”这一标记,将ie浏览器将所有情况中分离出来。接着,再次使用"+"将ie8和ie7,ie6分离开来,这样IE8已经独立识别。
css
.bb{
background-color: #f1ee18;/*所有都识别*/
.background-color: #00deff\9;/*ie6,7,8识别*/
+background-color: #a200ff;/*ie6,7识别*/
_background-color: #a200ff;/*ie6识别*/
}
5>IE下,可以使用获取常规属性的方法来获取自定义属性。也可以使用getAttribute()获取自定义属性;
FF下,只能使用getAttribute()来获取自定义属性;
解决方法:都使用getAttribute()来获取自定义属性;
6>IE下,event对象有x,y属性,但是没有pageX,pageY属性;
FF下,event对象有pageX,pageY属性,但没有x,y属性。
解决方案:(条件注释)缺点是在ie浏览器下可能会增加额外的HTTP请求次数。
7>Chrome中文界面下默认会将小于12px的文本强制按照12px显示,可通过加入css属性-webkit-text-size-adjust:none;解决。
8>超链接访问过后hover样式就不出现了,被点击访问过的超链接样式不在具有hover和active了
解决方法:改变css的属性排列顺序 L-V-H-A
9>兼容问题还有很多,我已经写得不耐烦了,就先这样吧~~~
18.你知道多少中Doctype文档类型?
该标签可声明三种DTD类型,分别表示严格版本,过渡版本以及基于框架的HTML文档
HTML4.01规定了三种文档类型:Strict,Transition以及Frameset
XHTML1.0规定了三种XML文档类型:Strict,Transition以及Frameset
Standards模式用于呈现遵循最新标准的网页,而Quirks用于呈现为传统浏览器而设计的网页
19.HTML与XHTML的区别?
区别:
1>所有的标记都必须有一个相应的结束标记
2>所有标签的元素和属性的名字都必须小写
3>所有的XML标记都必须合理嵌套
4>所有的属性必须用引号""括起来
5>把所有<和&特殊符号用编码表示
6>给所有属性赋一个值
7>不要在注释内容中使用”——“
8>图片必须有说明文字
20.<img>的title和alt有什么区别?
title是global attribute属性之一,用于为元素提供附加的advisory information.通常当鼠标滑动到元素上的时候显示
alt是img的特有属性,是图片内容的等价描述,用于图片无法加载时显示,读屏器阅读图片。可提高图片的可访问性,除了纯装饰图片外都必须设置有意义的值,搜索引擎会重点解析。
HTML篇,在这里就要跟大家说再见了,下集CSS篇见~~~
HTML篇(下·)的更多相关文章
- [转]Apache Maven 入门篇(下)
原文地址: Apache Maven 入门篇(下) 作者:George Ma 第一篇文章大概的介绍了一下Apache Maven以及它的下载和安装,并且运行了一个简单的示例.那么在对maven有了一点 ...
- ecshop调用文章显示上一篇下一篇
首先调用文章中的上一篇和下一篇语法为: 代码如下 复制代码 上一篇:<a href="{$next_article.url}">{$next_article.titl ...
- 【渗透课程】第二篇下-HTTP协议的请求与响应深度剖析
[渗透课程]第二篇下-HTTP协议的请求与响应深度剖析 HTTP1.1目前支持以下7种请求方法: 常见的MIME类型如下: 第一个数字有五种可能的取值: 目录 什么是请求方法?什么是请求头? HTTP ...
- thinkphp5.0 文章详情页 上一篇 下一篇
// 上一篇下一篇(同一个分类下,先确定该分类的pid) public function frontAfter() { $param=$this->param; $front=Db::name( ...
- 【转】Shell编程基础篇-下
[转]Shell编程基础篇-下 1.1 条件表达式 1.1.1 文件判断 常用文件测试操作符 常用文件测试操作符 说明 -d文件,d的全拼为directory 文件存在且为目录则为真,即测试表达式成立 ...
- MVC3学习:实现文章上一篇下一篇链接
文章的显示都是通过id查询数据库来显示.但是文章会经常删除,因此id号可能不是连续的,所以上一篇下一篇文章,不能简单的做id加减法. 我的思路是:先将表格中所有文章的ID号全部放入一个数组中,如果文章 ...
- 《Linux大棚命令百篇下》网络篇的总结
本文是<Linux大棚命令百篇下>网络篇的总结 ping -c 指定数量,在windows下会自动停止,linux下会一直ping下去 -q 简短报告 -s 指定每次ping的数据包大小, ...
- 前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(下)
第1章.基础篇(下) Abstract: 数据通信.数据存储.动画.音频与视频.canvas.BOM.表单操作.列表操作 数据通信(HTTP协议) HTTP事务: 客户端向服务器端发送HTTP请求报文 ...
- dedecms手机网站内页上一篇/下一篇的翻页功能
修改文件include/arc.archives.class.php文件. 1.搜索 function GetPreNext($gtype='') 2.将这个函数的所有内容替换为 function G ...
- phpcms v9文章内容页调用上一篇下一篇的方法(转)
phpcms v9文章内容页调用上一篇下一篇的方法如下,魔客吧(www.moke8.com)提示您直接摘取如下代码中的红色部分即可: 上一篇:{$previous_page[url]}" t ...
随机推荐
- python3学习笔记(0)
一.编程语言主要从以下几个角度分类:1.编译型和解释型2.静态语言和动态语言3.强类型定义语言和弱类型定义语言编译型:程序运行前先由负责翻译的程序将代码转换成可执行代码进行执行.例如C/C++.Pas ...
- cocos2dx3.2移植android
LOCAL_PATH := $(call my-dir)LOCAL_MYDIR = $(LOCAL_PATH)/../../Classesinclude $(CLEAR_VARS) $(call im ...
- virtualbox下centos实现主宿互访
1.网络连接方式 NAT 桥接 Host-Only NAT: 网络地址转换,virtualbox默认采用这种连接方式,特点: 1.虚拟机配置稍作修改就能连上外网 2.虚拟机可以ping通主机,主机不能 ...
- 基于iframe的移动端嵌套
需求描述 上上周接到了新的项目,移动端需要做一个底部有五个导航,点击不同的导航页面主体显示不同的页面,其中两个页面是自己做,而另外三个页面是引用另外三个网址,其中两个网址为内部项目,另外一个为外部(涉 ...
- 深入浅出多线程——ReentrantLock (二)
深入浅出多线程——ReentrantLock (一)文章中介绍了该类的基本使用,以及在源码的角度分析lock().unlock()方法.这次打算在此基础上介绍另一个极为重要的方法newConditio ...
- sql执行时间过长,请高手指点!
需求:查询出每一位"社工员"通过23门社工课进度100%的数量和23门社工课对应的考试通过的数量. 业务解析: 1.社工员--针对特定学员的一批人.在表USERS_SW_REGIS ...
- poj 2456 Aggressive cows && nyoj 疯牛 最大化最小值 二分
poj 2456 Aggressive cows && nyoj 疯牛 最大化最小值 二分 题目链接: nyoj : http://acm.nyist.net/JudgeOnline/ ...
- CCF-201509-1-数列分段
问题描述 试题编号: 201509-1 试题名称: 数列分段 时间限制: 1.0s 内存限制: 256.0MB 问题描述: 问题描述 给定一个整数数列,数列中连续相同的最长整数序列算成一段,问数列中共 ...
- php使用rc4加密算法
/** * rc4加密算法,解密方法直接再一次加密就是解密 * @param [type] $data 要加密的数据 * @param [type] $pwd 加密使用的key * @retur ...
- javascript设计模式——策略模式
前面的话 在程序设计中,常常遇到类似的情况,要实现某一个功能有多种方案可以选择.比如一个压缩文件的程序,既可以选择zip算法,也可以选择gzip算法.这些算法灵活多样,而且可以随意互相替换.这种解决方 ...