简述html的数据类型_随笔

html是标记语言，由标签构成，没有数据类型的概念。

<html></html>创建一个超文本标记语言文档。

<head></head>（头）设置文档标题和其它在网页中不显示的信息，比如direction方向、语言代码Language Code（见实体定义!ENTITY % i18n）、指定字典中的元信息、等等。

<BASE>文档中不能被该站点辨识的其它所有链接源的URL（统一资源定位器）

<body></body>文档体，文档的可见部分。

<title></title>设置文档的标题。

数据类型：

HTML为元素内容定义了多种数据类型，如脚本数据、样式表数据以及许多属性值的类型，包括ID、名称、URI、数字长度单位、语言、媒体描述符颜色、字符编码、日期和时间等等。所有这些数据类型都是字符数据的特殊化。

以上内容参考：百度百科-HTML文件

使用data方法可以避免在DOM中存储数据，有些前端开发者喜欢使用HTML的属性来存储数据：

$('selector').attr('alt', 'data being stored')

//之后可以这样读取数据:

$('selector').attr('alt')

使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的，我们可以使用jQuery的data方法来为页面中的某个元素存储数据。

$('selector').data('参数名', '要存储的数据')

//之后这样取得数据:

$('selector').data('参数')

这个data方法能让你自己明明数据的参数，更语义更灵活，你可以在页面上的任何元素存储数据信息。如果想了解更多关于data()和removeData()方法的介绍，可以看看jQuery官方讲解。

这个方法的经典应用是给input域一个默认值，然后在聚焦的时候清空它:

HTML部分:

</form>

JavaSript部分：

$(function() {

//取出有clear类的input域

//(注: "clear once" 是两个class clear 和 once)

$('#testform input.clear').each(function(){

//使用data方法存储数据

$(this).data( "txt", $.trim($(this).val()) )

}).focus(function(){

// 获得焦点时判断域内的值是否和默认值相同，如果相同则清空

if ( $.trim($(this).val()) === $(this).data("txt") ) {

$(this).val("")

}

}).blur(function(){

// 为有class clear的域添加blur时间来恢复默认值

// 但如果class是once则忽略

if ( $.trim($(this).val()) === "" &&!$(this).hasClass("once") ) {

//Restore saved data

$(this).val( $(this).data("txt") )

}

})

查看Demo

欢迎分享，转载请注明来源：内存溢出

简述html的数据类型