建设银行行号网站查询是什么意思,关键词采集软件,东华网站开发,桂林漓江大瀑布酒店HTML和HTML5都可以自定义标签。在浏览一些网站的源代码后#xff0c;你会发现一些网页中存在你不认识的标签和元素#xff0c;但是这些元素却能被浏览器执行。这就是自定义元素。自由定义标签而不必使用预定义好的语义标签之后#xff0c;更能语义化我们的内容。在HTML5之前…HTML和HTML5都可以自定义标签。在浏览一些网站的源代码后你会发现一些网页中存在你不认识的标签和元素但是这些元素却能被浏览器执行。这就是自定义元素。自由定义标签而不必使用预定义好的语义标签之后更能语义化我们的内容。在HTML5之前文档的开头都是这样标记的。html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd而HTML5中文档的标记是这样的。这就会导致一些新增的h5元素header、footer测试过发现IE不能解析h5新增的元素。但是我们给这些元素添加一些样式却能被浏览器解析。组件是 Web 开发的方向现在的热点是 JavaScript 组件但是 HTML 组件未来可能更有希望。浏览器处理我们一般都使用标准的 HTML 元素。面代码中就是标准的 HTML 元素。如果使用非标准的自定义元素会有什么结果Hello World上面代码中就是非标准元素浏览器不认识它。这段代码的运行结果是浏览器照常显示Hello World这说明浏览器并没有过滤这个元素。现在为自定义元素加上样式。greeting {display: block;font-size: 36px;color: red;}运行结果如下接着使用脚本操作这个元素。function customTag(tagName, fn){Array.from(document.getElementsByTagName(tagName)).forEach(fn);}function greetingHandler(element) {element.innerHTML 你好世界;}customTag(greeting, greetingHandler);结果如下这说明浏览器对待自定义元素就像对待标准元素一样只是没有默认的样式和行为。这种处理方式是写入HTML5 标准的由上面的测试结果可以得知自定义标签可以正常显示可以使用css样式可以由JavaScript脚本控制事实上浏览器提供了一个HTMLUnknownElement对象所有自定义元素都是该对象的实例。ar tabs document.createElement(tabs);tabs instanceof HTMLUnknownElement // truetabs instanceof HTMLElement // true上面代码中tabs是一个自定义元素同时继承了HTMLUnknownElement和HTMLElement接口。import HTML有了自定义元素就可以写出语义性非常好的 HTML 代码。上面的代码一眼就能看出语义。如果将元素的样式与脚本封装在一个 HTML 文件share-buttons.html之中这个元素就可以复用了。使用的时候先引入share-buttons.html。然后就可以在网页中使用了。Title... ...
