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篇(下·)的更多相关文章

  1. [转]Apache Maven 入门篇(下)

    原文地址: Apache Maven 入门篇(下) 作者:George Ma 第一篇文章大概的介绍了一下Apache Maven以及它的下载和安装,并且运行了一个简单的示例.那么在对maven有了一点 ...

  2. ecshop调用文章显示上一篇下一篇

    首先调用文章中的上一篇和下一篇语法为:  代码如下 复制代码 上一篇:<a href="{$next_article.url}">{$next_article.titl ...

  3. 【渗透课程】第二篇下-HTTP协议的请求与响应深度剖析

    [渗透课程]第二篇下-HTTP协议的请求与响应深度剖析 HTTP1.1目前支持以下7种请求方法: 常见的MIME类型如下: 第一个数字有五种可能的取值: 目录 什么是请求方法?什么是请求头? HTTP ...

  4. thinkphp5.0 文章详情页 上一篇 下一篇

    // 上一篇下一篇(同一个分类下,先确定该分类的pid) public function frontAfter() { $param=$this->param; $front=Db::name( ...

  5. 【转】Shell编程基础篇-下

    [转]Shell编程基础篇-下 1.1 条件表达式 1.1.1 文件判断 常用文件测试操作符 常用文件测试操作符 说明 -d文件,d的全拼为directory 文件存在且为目录则为真,即测试表达式成立 ...

  6. MVC3学习:实现文章上一篇下一篇链接

    文章的显示都是通过id查询数据库来显示.但是文章会经常删除,因此id号可能不是连续的,所以上一篇下一篇文章,不能简单的做id加减法. 我的思路是:先将表格中所有文章的ID号全部放入一个数组中,如果文章 ...

  7. 《Linux大棚命令百篇下》网络篇的总结

    本文是<Linux大棚命令百篇下>网络篇的总结 ping -c 指定数量,在windows下会自动停止,linux下会一直ping下去 -q 简短报告 -s 指定每次ping的数据包大小, ...

  8. 前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(下)

    第1章.基础篇(下) Abstract: 数据通信.数据存储.动画.音频与视频.canvas.BOM.表单操作.列表操作 数据通信(HTTP协议) HTTP事务: 客户端向服务器端发送HTTP请求报文 ...

  9. dedecms手机网站内页上一篇/下一篇的翻页功能

    修改文件include/arc.archives.class.php文件. 1.搜索 function GetPreNext($gtype='') 2.将这个函数的所有内容替换为 function G ...

  10. phpcms v9文章内容页调用上一篇下一篇的方法(转)

    phpcms v9文章内容页调用上一篇下一篇的方法如下,魔客吧(www.moke8.com)提示您直接摘取如下代码中的红色部分即可: 上一篇:{$previous_page[url]}" t ...

随机推荐

  1. Docker技术浅谈:私有化部署的优势以及在顶象内部的应用实践

    顶象全景式业务安全风控体系基于新一代风控体系构建,并采用Docker技术进行私有云和公有云部署.本文主要和大家分享下Docker容器技术和顶象风控系统私有化部署的优势以及Docker容器技术在顶象内部 ...

  2. win7下使用apache ab 比较测试node与 tomcat

    最近在研究node,都说node单线程.事件环机制,高并发效率高,亲测一下,一探究竟 apache ab 安装 进入:http://httpd.apache.org/download.cgi#apac ...

  3. smali语法(二)

    一.smali的包中信息 .class public Lcom/aaaaa; .super Lcom/bbbbb; .source "ccccc.java" 1.它是com.aaa ...

  4. php intval()和floatval()

    intval -- 获取变量的整数值 floatval -- 获取变量的浮点值 <?php $a = 26; $b = 4; $a/=$b; echo intval($a);//6 echo f ...

  5. Pyhton爬虫实战 - 抓取BOSS直聘职位描述 和 数据清洗

    Pyhton爬虫实战 - 抓取BOSS直聘职位描述 和 数据清洗 零.致谢 感谢BOSS直聘相对权威的招聘信息,使本人有了这次比较有意思的研究之旅. 由于爬虫持续爬取 www.zhipin.com 网 ...

  6. snprintf 返回值陷阱 重新封装

    snprintf()函数用于将格式化的数据写入字符串,其原型为: int snprintf(char *str, int n, char * format [, argument, ...]); st ...

  7. 选择客栈noip2011

    哈,没想到吧.今天居然有两篇(算什么,厕所读物吗 选择客栈 本题的更优解请跳转zt 这题11年,刚改2day. 对于30% 的数据,有 n ≤100: 对于50% 的数据,有 n ≤1,000: 对于 ...

  8. Windows2000源代码 200+MB

    全球最大的软件制造商微软2月12日警告公众称其一部分珍贵的Windows NT和Windows 2000操作系统源代码被泄漏到了一些在线文件共享网络中. 微软称被泄漏的代码只是整个程序的一小部分,但这 ...

  9. THINKPHP增删改查--(改)

    1.CURD 控制器?>namespace Home\Controller;use Think\Controller;class CurdController extends Controlle ...

  10. C++ IO操作API及注意事项(包含一个日志类的实现)

    C++是一个抽象程度比C高很多的语言,在使用C++时,编译器做了很多工作,如果我们不对C++的某些特性的实现机制进行了解,那么编程时也许会有很多疑惑,我们也许知道怎样做才是正确的,但不知道为什么要这样 ...