如何获取目标基因的转录因子（上）

——Biomart下载基因和motif位置信息

科研过程中我们经常会使用Ensembl（>

HTML5 增加了一项新功能是 自定义数据属性 ，也就是  data- 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置需要的自定义属性，进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。

下面是来自developdrive的使用攻略译文

1、创建HTML5文件：

如果你还没想好要使用哪一个，可以复制下面的代码：

在body中设置自定义元素，在head部分脚本区域利用JavaScript元素进行访问。

2、创建元素：

首先，添加一些简单的内容和自定义属性以及ID等元素，以便我们能够识别JavaScript示例。

正如你所看到的那样，自定义属性的形式为：“data-”，在“data-”部分设定名称或者你选定的名称。在HTML5中使用自定义属性，这是唯一有效的方法。因此，如果你想验证网页是否有效可才采用这种方法。

当然，项目细节部分决定了自定义属性对你是否有用，以及该将其如何命名。这个示例可适用于不同产品类别的零售网站。

自定义属性允许你以一种特殊的方式利用页面内的JavaScript代码来设置元素，例如，动画显示功能。如果没有标准的HTML元素，我们建议使用自定义属性。

3、添加测试按钮

在页面上利用自身的JavaScript元素即可执行事件，前提是将下面的代码添加到页面中：

获取属性：

在JavaScript中访问属性最常用的方法是使用“getAttributes”，这也是我们要做的第一步。在页面的head脚本区域添加以下函数：

这里，我们为示例增加了alert 值，当然你也可以根据自身需求在脚本中添加。

4、获取数据：

你可以使用元素数据集来替代DOM “getAttributes”，这或许更有效，尤其是在某种情况下，代码通过多种属性进行迭代，然而，浏览器对数据集的支持依然非常低，所以牢记这一点，此代码与//后面的方法一样可执行相同的进程。

从属性名称开始在数据集中删除“data-”，它仍然包含在HTML中。

请注意，如果你的自定义属性名称中有一个连字符，当通过数据访问时这会呈现出camel-case形式，即（“data-product-category” 变成“productCategory”)。

5、其他模块、函数

我们已经获取该属性，脚本仍然可以设置和删除。下面的代码演示了如何使用标准的JavaScript模块和数据集来设置属性。

你也可以使用DOM方法或者数据集来删除某个属性：

结束语：

在HTML5中实现自定义属性技术上并不是很复杂，真正困难的是选择使用的方法是否适用于你的项目；如果适用，该如何使其更有效？请记住，现在启用数据集方法作为页面功能还为时尚早，毕竟很多浏览器暂不支持此功能。

HTML5新增加了很多input元素类型,比如color,date,datetime,datetime-local,email,month,number,range,search,tel,time,url,week等。

通过以下方法可以检测浏览器是否支持这些新的input类型:

var i = documentcreateElement('input');

isetAttribute('type', 'date');

//浏览器不支持date类型

if(itype == 'text'){

}

这里为新添加的input元素设置type特性(attribute)为date,如果浏览器支持date类型,则其对应的dom对象的type属性(property)会设置为date,否则会设置为text,这里一定要注意”特性(attribute)”和”属性(property)”的区别。attribute是标签的特性,而property是标签对应的DOM对象的属性。

所以，即使浏览器不支持新的input类型,虽然其DOM对象的type属性被设置为text,但其标签的type特性仍然是原来设置的值，对上面这个栗子来说就是date

igetAttribute('type') == 'date'; //true

特别注意：

DOM对象属性(property)与HTML标签特性(attribute)

HTML中property与attribute是极易混淆的两个概念。大多数时候这两个单词都翻译为“属性”,为了区分二者，一般将property翻译为”属性”，attribute翻译为”特性”。

每一个HTML标签(tag)都对应一个DOM接口HTMLXxxElement,比如Span标签对应的是HTMLSpanElement。这些标签的DOM接口都继承自HTMLElement接口，而HTMLElement又继承自Element。我们知道所有的标签都是一个元素结点,因此Element接口又继承自Node接口。其实HTML文档树中的所有东西都是结点,只不过有不同的结点类型而已。

property就是DOM对象的属性,就像普通的javascript对象的属性一样一样的,因为DOM对象就是一个地道的javascript对象，也有自己的原型链。

而attribute则是HTML标签的特性,比如

<div id="div1" title="title1">test<div>

这里id和title是HTML标签div的特性,虽然对应的DOM对象HTMLDivElement也有这两个属性，但它们却是完全不一样的东西。有些特性与属性是同步的。

HTML标签的attribute以类数组的形式存储在对应DOM对象的属性attributes中,attributes属性的类型为NamedNodeMap对象。

DOM对象提供了方法setAttribute，getAttribute和removeAttribute来 *** 纵HTML标签的特性。

DOMString getAttribute(in DOMString name);

void setAttribute(in DOMString name, in DOMString value) raises(DOMException);

HTML标签attribute的名字和值都必须为字符串类型，而DOM对象的property没有此限制，可以是任何类型。

有些HTML标签的attribute有对应的DOM对象property,但它们的取值却不一定是相同的。一般来说相对应的attribute与property其名字是一样的，但是class特性有所不同，因为class在javascript中为关键字，所以其所对应的property名字为className。

有些简单的特性,比如id,两者的取值是一样的。

var id1=elemid;

var id2=elemgetAttribute('id');

但对于input的value,使用getAttribute获取的永远是写HTML标签时指定的那个值,而value属性则获取到的是input当前输入的值。

而另一些特性比如checked,只要checked特性存在，无论其值是什么，DOM对象的checked属性的值都是true。这里checked属性已经不是字符串而是布尔类型了。

还有一些特性比如style和onclick,其对应的DOM属性完全是返回一个对象了,比如elemstyle属性就返回一个CSSStyleDeclaration对象。

HTML自定义attribute没有对应的DOM对象property。

HTML

1对WEB标准以及W3C的理解与认识

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；

2xhtml和html有什么区别

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言

最主要的不同：

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

3Doctype 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义

用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档

加入XMl声明可触发，解析方式更改为IE55 拥有IE55的bug

4行内元素有哪些块级元素有哪些

块级元素：div p h1 h2 h3 h4 form ul

行内元素: a b br i span input select

5HTML全局属性(global attribute)有哪些

参考资料：

MDN: html global attribute或者W3C HTML global-attributes

accesskey

:设置快捷键，提供快速访问元素如aaa在windows下的firefox中按alt + shift + a

可激活元素

class

:为元素设置类标识，多个类名用空格分开，CSS和javascript可通过class属性获取元素

contenteditable

: 指定元素内容是否可编辑

contextmenu

: 自定义鼠标右键d出菜单内容

data-

: 为元素增加自定义属性

dir

: 设置元素文本方向

draggable

: 设置元素是否可拖拽

dropzone

: 设置元素拖放类型： copy, move, link

hidden

: 表示一个元素是否与文档。样式上会导致元素不显示，但是不能用这个属性实现样式效果

id

: 元素id，文档内唯一

lang

: 元素内容的的语言

spellcheck

: 是否启动拼写和语法检查

style

: 行内css样式

tabindex

: 设置元素可以获得焦点，通过tab可以导航

title

: 元素相关的建议信息

translate

: 元素和子孙节点内容是否需要本地化

6什么是web语义化,有什么好处

web语义化是指通过HTML标记表示页面包含的信息，包含了HTML标签的语义化和css命名的语义化。 HTML标签的语义化是指：通过使用包含语义的标签（如h1-h6）恰当地表示文档结构 css命名的语义化是指：为html标签添加有意义的class，id补充未表达的语义，如Microformat通过添加符合规则的class描述信息 为什么需要语义化：

去掉样式后页面呈现清晰的结构

盲人使用读屏器更好地阅读

搜索引擎更好地理解页面，有利于收录

便团队项目的可持续运作及维护

7html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？

新特性：

HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

拖拽释放(Drag and drop) API

语义化更好的内容标签（header,nav,footer,aside,article,section）

音频、视频API(audio,video)

画布(Canvas) API

地理(Geolocation) API

本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；

sessionStorage 的数据在浏览器关闭后自动删除

表单控件，calendar、date、time、email、url、search

新的技术webworker, websocket, Geolocation

移除的元素：

纯表现的元素：basefont，big，center，font, s，strike，tt，u；

对可用性产生负面影响的元素：frame，frameset，noframes；

支持HTML5新标签：

IE8/IE7/IE6支持通过 documentcreateElement 方法产生的标签，可以利用这一特性让这些浏览器支持 HTML5 新标签，浏览器支持新标签后，还需要添加标签默认的样式（当然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架）：

如何区分：

DOCTYPE声明新增的结构元素、功能元素

8 HTML5 存储类型有什么区别？

HTML5 能够本地存储数据，在之前都是使用 cookies 使用的。HTML5 提供了下面两种本地存储方案：

localStorage - 没有时间限制的数据存储，数据永远不会过期，关闭浏览器也不会丢失

sessionStorage - 针对一个 session 的数据存储，同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。

9 HTML5 标准提供了哪些新的API？

1：canvas，不用多说，可以画出很多绚丽的图形，甚至可以直接做出伪3D游戏。

2：媒体控制，也很好理解(直译就是回放功能，假如只用html50以下的标签写，以前的音乐播放是不可能实现滚动条的。)

3：离线网页程序，可以把资源文件完全缓存在客户端，并且通过js的一些方法清空缓存

4：文档编辑，应该是更好的支持对文档的编辑。

5：拖动，可以将文件拖动到某些区域上传

6：跨文档请求，websocket，一种更加高效的通讯方式

7：历史管理，可以通过js管理和插入历史记录

8：MIME头自定义

9：客户端数据存储，localstoage sessionstoage

10：地理位置共享

11：本地数据库

12：索引数据库

10HTML5 应用程序缓存和浏览器缓存有什么区别？

HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。

应用程序缓存为应用带来三个优势：

离线浏览 - 用户可在应用离线时使用它们

速度 - 已缓存资源加载得更快

减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

11常用那几种浏览器测试？有哪些内核(Layout Engine)

(Q1)浏览器：IE，Chrome，FireFox，Safari，Opera。

(Q2)内核：Trident，Gecko，Presto，Webkit。

12请描述一下 cookies，sessionStorage 和 localStorage 的区别？

cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会

sessionStorage和localStorage的存储空间更大；

sessionStorage和localStorage有更多丰富易用的接口；

sessionStorage和localStorage各自独立的存储空间；

13如何实现浏览器内多个标签页之间的通信

调用localstorge、cookies等本地存储方式

14请写出localStorage对象的常用方法。

存储 - localStoragesetItem(key, value) - 如果key存在，更新value

获取 - localStoragegetItem(key) - 如果key不存在，返回null

删除 - localStorageremoveItem(key) - 删除key对应的数据

全部清除 - localStorageclear() - 清空localStorage中所有数据

遍历 - localStoragelength

遍历 - localStoragekey(index)

15如何在HTML5中启用应用程序缓存？

<html manifest="fileNameappcache">

每个指定了manifest的页面在用户对其访问时都会被缓存。

appcache是manifest文件的扩展名

16html5 离线存储

Html5的一个重要特性就是离线存储，所谓的离线存储就是将一些资源文件保存在本地，这样后续的页面重新加载将使用本地资源文件，在离线情况下可以继续访问web应用，同时通过一定的手法（更新相关文件或者使用相关API），可以更新、删除离线存储等 *** 作。

Html5的离线存储使用一个manifest文件来标明哪些文件是需要被存储的，使用如 <html manifest='offlinemanifest'> 来引入一个manifest文件，这个文件的路径可以是相对的，也可以是绝对的，如果你的web应用很多，而且希望能集中管理manifest文件，那么静态文件服务器是个不错的选择。

17HTML5 Canvas 元素有什么用？

Canvas 元素用于在网页上绘制图形，该元素标签强大之处在于可以直接在 HTML 上进行图形 *** 作

Object 标签定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和 *** 作数据的代码。几乎所有主流浏览器都拥有部分对 <object> 标签的支持。

<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。如果未显示 object 元素，就会执行位于 <object> 和 </object> 之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。

播放 MP4 视频例子：

<html>

<body>

<object width="420" height="360"

classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"

codebase="applecom/qtactivex/qtplugincab">

<param name="src" value="moviemp4" />

<param name="controller" value="true" />

</object>

</body>

</html>

在网页刚流行起来的时候，提取html中的文本有一个简单的方法，就是将html文本（包含标记）中的所有以“<”符号开头到以“>”符号之间的内容去掉即可。

但对于现在复杂的网页而言，用这种方法提取出来的文本会有大量的空格、空行、script段落、还有一些html转义字符，效果很差。

下面用正则表达式来提取html中的文本，

代码的实现的思路是：

a、先将html文本中的所有空格、换行符去掉（因为html中的空格和换行是被忽略的）

b、将<head>标记中的所有内容去掉

c、将<script>标记中的所有内容去掉

d、将<style>标记中的所有内容去掉

e、将td换成空格，tr,li,br,p 等标记换成换行符

f、去掉所有以“<>”符号为头尾的标记去掉。

g、转换&，&nbps;等转义字符换成相应的符号

h、去掉多余的空格和空行

代码如下：

using System;

using SystemTextRegularExpressions;

namespace KwanhongUtilities

{

/// <summary>

/// HtmlToText 的摘要说明。

/// </summary>

public class HtmlToText

{

public string Convert(string source)

{

string result;

//remove line breaks,tabs

result = sourceReplace("\r", " ");

result = resultReplace("\n", " ");

result = resultReplace("\t", " ");

//remove the header

result = RegexReplace(result, "(<head>)(</head>)", stringEmpty, RegexOptionsIgnoreCase);

result = RegexReplace(result, @"<( )script([^>])>", "<script>", RegexOptionsIgnoreCase);

result = RegexReplace(result, @"(<script>)(</script>)", stringEmpty, RegexOptionsIgnoreCase);

//remove all styles

result = RegexReplace(result, @"<( )style([^>])>", "<style>", RegexOptionsIgnoreCase); //clearing attributes

result = RegexReplace(result, "(<style>)(</style>)", stringEmpty, RegexOptionsIgnoreCase);

//insert tabs in spaces of <td> tags

result = RegexReplace(result, @"<( )td([^>])>", " ", RegexOptionsIgnoreCase);

//insert line breaks in places of <br> and <li> tags

result = RegexReplace(result, @"<( )br( )>", "\r", RegexOptionsIgnoreCase);

result = RegexReplace(result, @"<( )li( )>", "\r", RegexOptionsIgnoreCase);

//insert line paragraphs in places of <tr> and <p> tags

result = RegexReplace(result, @"<( )tr([^>])>", "\r\r", RegexOptionsIgnoreCase);

result = RegexReplace(result, @"<( )p([^>])>", "\r\r", RegexOptionsIgnoreCase);

//remove anything thats enclosed inside < >

result = RegexReplace(result, @"<[^>]>", stringEmpty, RegexOptionsIgnoreCase);

//replace special characters:

result = RegexReplace(result, @"&", "&", RegexOptionsIgnoreCase);

result = RegexReplace(result, @" ", " ", RegexOptionsIgnoreCase);

result = RegexReplace(result, @"<", "<", RegexOptionsIgnoreCase);

result = RegexReplace(result, @">", ">", RegexOptionsIgnoreCase);

result = RegexReplace(result, @"&({2,6});", stringEmpty, RegexOptionsIgnoreCase);

//remove extra line breaks and tabs

result = RegexReplace(result, @" ( )+", " ");

result = RegexReplace(result, "(\r)( )+(\r)", "\r\r");

result = RegexReplace(result, @"(\r\r)+", "\r\n");

return result;

}

}//end class

}//end namespace

一般可以用原生js及jQuery获取html元素的值。

<div id="test">数值</div>

原生js写法：

alert(documentgetElementById('test')innerHTML);//数值

jQuery写法：

alert($('#test')html());//数值

说明：

innerHTML是取元素的内部html代码，此例中即div内部的所有html代码

html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法

以上就是关于如何获取目标基因的转录因子（上）全部的内容，包括:如何获取目标基因的转录因子（上）、请问大神，HTML中div里有data-index="6" 是什么意思 谢谢、html5 input type=color兼容哪些浏览器等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！