建设项目环保竣工验收备案网站,建筑施工合同完整版,莱芜在线论坛莱芜话题秦立奉,wap网站浏览器Html 相关知识
DOM
文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述#xff0c;并定义了一种方式可以使从程序中对该结构进行访问#xff0c;从而改变文档的结构#xff0c;样式和内容。DOM 将文档解析为一个由节点和对象#xff08;包…Html 相关知识
DOM
文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述并定义了一种方式可以使从程序中对该结构进行访问从而改变文档的结构样式和内容。DOM 将文档解析为一个由节点和对象包含属性和方法的对象组成的结构集合。简言之它会将 web 页面和脚本或程序语言连接起来。
Shadow DOM
Shadow DOM 是浏览器的一种功能能够自动添加子元素例如 audio 元素如下代码所示在网页中能使用进度条、音量控制等功能这些相关元素都由浏览器自动生成。
crossorigin 属性
在跨域资源的 script 标签中添加 crossorigin 属性
script srcuser.com/index.js crossorigin /script
这样就可以获取到 user.com/index.js 中的具体错误信息了。 在 HTML5 中一些 HTML 元素提供了对 CORS 的支持 例如 audio、img、link、script 和 video 均有一个跨域属性 (crossOrigin property)它允许你配置元素获取数据的 CORS 请求。
语义化
对于 HTML 语义化我们需要注意以下两点 1我们应该果断舍弃那些仅仅为了定义样式而存在的 HTML 标签。如果仅仅是为了改变样式我们应该使用 CSS 来实现不要使用 HTML 标签。 2在不同的页面部分我们优先使用正确的语义化标签。如果没有语义标签可用才去考虑 div 和 span 等无语义标签 许多网站包含了指示导航、页眉以及页脚的 HTML 代码例如这些div idnav div classheader div idfooter。 HTML5 提供了定义页面不同部分的新语义元素
article
aside
details
figcaption
figure
footer
header
main
mark
nav
section
summary
time空元素
一个空元素empty element可能是 HTMLSVG或者 MathML 里的一个不能存在子节点例如内嵌的元素或者元素内的文本的 element。 HTMLSVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容define very precisely what each element can contain。许多组合是没有任何语义含义的比如一个 audio 元素嵌套在一个 元素里。在 HTML 中有以下这些空元素area
base
br
col
colgroup when the span is present
command
embed
hr
img
input
keygen
link
meta
param
source
track
wbr可替换元素置换元素
在 CSS 中可替换元素replaced element的展现效果不是由 CSS 来控制的。这些元素是一种外部对象它们外观的渲染是独立于 CSS 的。 简单来说它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置但不会影响到可替换元素自身的内容。某些可替换元素例如 iframe 元素可能具有自己的样式表但它们不会继承父文档的样式。 典型的可替换元素有
iframe
video
embed
img
有些元素仅在特定情况下被作为可替换元素处理例如
option
audio
canvas
object
applet字符编码
目前 HTML 文档中的内容所用的字符编码都推荐使用 UTF-8UTF-8 是一种可变长度的 Unicode 编码格式使用 1 4 个字节为每个字符编码其具体的编码规则如下所列
盒子模型
2图片元素的垂直对齐方式 对于 inline 元素和 table-cell 元素标准模式下 vertical-align 属性默认取值为 baseline在怪异模式下table 单元 格中的图片的 vertical-align 属性默认取值为 bottom因此在图片底部会有几像素的空间。
3table元素中的字体
CSS 中对于 font 的属性都是可以继承的怪异模式下对于 table 元素字体的某些元素将不会从 body 等其 他封装元素中继承得到特别是 font-size 属性。
4内联元素的尺寸
标准模式下non-replaced inline 元素无法自定义大小怪异模式下定义这些元素的 widthheight 属性可 以影响这些元素显示的尺寸。
5元素的百分比高度
aCSS 中对于元素的百分比高度规定如下百分比为元素包含块的高度不可为负值如果包含块的高度没 有显示给出该值等同于 auto所以百分比的高度必须在父元素有高度声明的情况下使用。
b当一个元素使用百分比高度时标准模式下高度取决于内容变化怪异模式下百分比高度被正确应 用。
6元素溢出的处理
标准模式下overflow 取默认值 visible在怪异模式下该溢出会被当做扩展 box 来对待即元素的大小由其 内容决定溢出不会裁减元素框自动调整包含溢出内容。
7颜色值必须用十六进制标记法。
