元素是符合DTD（文档类型定义）的文档组成部分，如title（文档标题）、IMG（图象）、table（表格）等等。
元素名不区分大小写的。
深圳北大青鸟http://www.kmbdqn.cn/建议HTML用标签来规定元素的属性和它在文档中的位置。
标签分单独出现的标签和成对出现的标签两中。
大多数的标签是成对出现的，有首标签和尾标签组成。
首标签的格式为<元素名>，尾标签的格式为</元素名>。
成对标签用于规定元素所含的范围，如<title>和</title>标签用来界定标题元素的范围，也就是说。
<title>**</title>之间的部分是该HTML文档的标题。
单独标签的格式为<元素名>，它的作用是在相应的位置插入元素。
如<BR>标签表示在该标签所在位置插入一个换行符。
1，<HTML>标签是文档标识符，它是成对出现的，首标签<HTML>和尾标签</HTML>分别位于文档的最前面和最后面，明确地表示文档是以超文本标识语言（HTML)编写的。
该标签不带有任何的属性。
事实上，我们现在所用的浏览器是自动识别HTML文档的，并不要求有<HTML>标签的出现。
也不对它进行任何的 *** 作。
但是，为了提高文档的适用性，还是应该养成用这个标签的习惯。
2，<HEAD>标签。
习惯上我们把HTML文档分为文档头和文档主题两个部分。
文档的主题部分就是我们在浏览器用户区中看到的内容了。
而文档头部分用来规定该文档的标题（出现在浏览器窗口的标题栏中）和文档的一写属性。
HTML文档的标签是可以嵌套的，即在一对标签中可以嵌套另一对子标签。
用来规定母标签所含范围的属性和其中某一部分内容，嵌套在<HEAD>标签中使用的子标签主要有<title>和<isindex>。
<title>标签是成对的。
用来规定HTML文档的标题。
在<title>和</title>之间的内容将显示在WEB浏览器窗口的标题栏中。
例如：<html> <head> <title>这是一个测试页</title> </head> </html> <isindex>标签是一个单独的标签，它是用来规定文档的属性，说明该文档是可以按关键字索引的，下面我们用一段简单的代码来说明该标签的作用。
你可以将该代码copy到你自己的浏览器中看效果。
<html> <head> <title>这是一个"ISINNDEX"事例</title> <isindex> </head> <body> 其中“可搜索该索引。
请键入要搜索的关键字”是IE浏览器自动加上去的。
浏览者在空白文本条内键入要查询的关键字并按回车按确认后，光标就会移动到该关键字或包含这个关键字的词处。
此时，与关键字相匹配的字符呈亮蓝色。
3，<BODY>标签。
<body>标签是成对标签。
在<body></body>之间的内容将显示在浏览器窗口的用户区内，它是HTML文档的主体部分。
在<body>标签中可以规定整个文档的一些基本属性： ·"bgcolor"。
指定html文档的背景色。
·"text"。
指定html文档中文字的颜色。
·"link"。
指定html文档中待连接超链接对象的颜色。
·"alink"。
指定html文档中连接中超链接对象的颜色。
·"vlink"。
指定html文档中以连接超链接对象的颜色。
·"background"。
指定html文档的背景文件。
随着程序员多web前端开发技术的使用，越来越多的编程开发相关的技术也被不断的发现。
今天，银川北大青鸟http://www.kmbdqn.cn/就一起来了解和学习一下html编程的技巧与方法。
table的方法原始的table元素(时至今日仍然是网站布局方法里的一名)本身自带许多精巧的方法，使用这些方法创建表格就像搭建宜家里的桌子一样简单。
scrollIntoView()你知道吗?当页面的URL中包含#something元素时，一旦页面加载，浏览器就会自动滚动至具有这个ID的元素之处。
这确实是一项很贴心的功能，但如果你在页面加载之后再渲染元素，这项功能就不起作用了。
hidden好吧，hidden或许不是一个方法，但如果你提出抗议，那我也要争论一下：在hidden的背后很可能对应着一个setter，这可是一个货真价实的方法，对不对?不管怎样，你是否曾经为了隐藏某个元素而使用过myElement.style.display='none'这种方法呢?如果是的话，请别再这么做了!toggle()嗯，toggle也不算是元素的方法，它实际上是元素属性上的一个方法。
严格来说，这是一种为元素添加或删除某个class的方法，具体做法是myElement.classList.toggle('some-class')。
如果你曾经通过if条件语句为元素添加class，那就应该赶紧改用这种做法。
querySelector()好吧，你当然知道这个方法，但据我推测，应该只有17%的开发者才知道，该方法可以使用在任意元素上。
closest该方法可在任意元素上使用，它能够向上查找元素的树型结构，可以理解为与querySelector()相反的方法。
getBoundingClientRect()在对DOM元素调用该方法时，将返回一个包含其空间结构详细信息的简单对象。
contains()你有没有遇到过这样的情形，需要知道某个元素是否被包含在另一个元素中?至少我本人经常会遇到这样的问题。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）