html文档元素
2017-03-14 21:35
218 查看
1.base 元素
用来设置一个基准URL,让html文档中的相对链接在此基础上进行解析,相对链接省略理url中的协议、主机端口部分,需要根据别的URL得出其完整的形式。
<base href="http://iisa/sss/" />
2.meta元素
用 名/值对定义元数据,为此需要用name 和content属性 ,name表示元数据的类型,content提供值
用作字符编码 <meta charset="utf-8">
改写http协议标头字段的值 <meta http-equiv="refresh" content="5"> http-equiv模拟字段标头的名称 content字段值,refresh的值为5,则5秒重新载入页面,如果在刷新间隔时间后面再加一个分号再加一个URL则在指定的时间后会载入指定的url。
http-equiv属性值
3.style 定义css样式
type属性,浏览器支持的样式机制只有css一种,所以 type="text/css"
style元素中如果有scoped属性的话,其定义的样式只作用于该元素的父元素及所有的兄弟元素
media属性用来表示文档在什么情况下应该使用该元素中定义的样式 <style media="screen" type="css"> <style/>
4.link元素
载入样式表
为页面定义定义网站标志 <link rel="shortcut icon" href="a.ico" type="image/x-ico"/>
可以要求浏览器预先获取很快就要用到的资源 <link rel="prefetch" href="a.html"/>
5.script元素
定义文档内嵌脚本
载入外部脚本
推迟脚本的执行,使用async和defer属性。defer属性使脚本在浏览器页面载入和解析完之后执行 <script defer src=""> 默认情况下,浏览器一旦遇到script元素就会暂停处理html文档,转而载入脚本并执行,脚本执行完毕之后才会继续解析html
使用async属性后浏览器将在继续解析html文档中其他元素(包括scriot脚本)的同时异步加载和执行脚本
6.noscript元素
用来向禁用javascript或浏览器不支持javascript的用户显示一些内容。
<noscript>
<p>dddd</p>
</noscript>
在浏览器不支持url的时候将其引至另一个url,需要添加meta元素
<noscript>
<meta http-equiv="refresh" content="0" ;http://www.baidu.com />
</noscript>
用来设置一个基准URL,让html文档中的相对链接在此基础上进行解析,相对链接省略理url中的协议、主机端口部分,需要根据别的URL得出其完整的形式。
<base href="http://iisa/sss/" />
2.meta元素
用 名/值对定义元数据,为此需要用name 和content属性 ,name表示元数据的类型,content提供值
用作字符编码 <meta charset="utf-8">
改写http协议标头字段的值 <meta http-equiv="refresh" content="5"> http-equiv模拟字段标头的名称 content字段值,refresh的值为5,则5秒重新载入页面,如果在刷新间隔时间后面再加一个分号再加一个URL则在指定的时间后会载入指定的url。
http-equiv属性值
refresh | 以秒为单位指定一个时间间隔重载页面 |
default-style | 指定页面优先使用的样式表,对应的content属性值应与同一文档中某个style或者link元素的title属性值相同 |
conten-type | 声明页面所用字符编码的方式 <meta http-equiv="content-type" content="text/html" charset=UTF-8"> |
type属性,浏览器支持的样式机制只有css一种,所以 type="text/css"
style元素中如果有scoped属性的话,其定义的样式只作用于该元素的父元素及所有的兄弟元素
media属性用来表示文档在什么情况下应该使用该元素中定义的样式 <style media="screen" type="css"> <style/>
4.link元素
载入样式表
为页面定义定义网站标志 <link rel="shortcut icon" href="a.ico" type="image/x-ico"/>
可以要求浏览器预先获取很快就要用到的资源 <link rel="prefetch" href="a.html"/>
5.script元素
定义文档内嵌脚本
载入外部脚本
推迟脚本的执行,使用async和defer属性。defer属性使脚本在浏览器页面载入和解析完之后执行 <script defer src=""> 默认情况下,浏览器一旦遇到script元素就会暂停处理html文档,转而载入脚本并执行,脚本执行完毕之后才会继续解析html
使用async属性后浏览器将在继续解析html文档中其他元素(包括scriot脚本)的同时异步加载和执行脚本
6.noscript元素
用来向禁用javascript或浏览器不支持javascript的用户显示一些内容。
<noscript>
<p>dddd</p>
</noscript>
在浏览器不支持url的时候将其引至另一个url,需要添加meta元素
<noscript>
<meta http-equiv="refresh" content="0" ;http://www.baidu.com />
</noscript>
相关文章推荐
- python模块学习---HTMLParser(解析HTML文档元素)
- Dom元素基本操作方法API,先记录下,方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本
- python模块学习---HTMLParser(解析HTML文档元素)
- JavaScript- 通常用于操作 HTML 元素\通过指定的 id 来访问 HTML 元素,并改变其内容\写到文档输出
- HtmlTestCode:循环遍历当前文档中的元素,将子元素的Name及个数输出到一个空白文档中
- 第六十四节,html文档布局元素
- html文档中的 ol 元素的序号数字极限探讨
- 遍历整个html文档 并打印出该html文档中的所有文本节点 属性节点 元素节点
- MDN Web技术文档 - HTML 元素
- 《HTML & XHTML权威指南》的学习笔记01 -- 第三章.HTML/XHTML文档的元素
- jQuery 文档操作 - appendTo() 方法---动态加HTML 元素
- JavaScript权威指南_145_第15章_脚本化文档_15.9-HTML表单-选择框和选项元素
- link 和 style 元素在 HTML 文档中的位置
- JavaScript权威指南_139_第15章_脚本化文档_15.9-HTML表单-选取表单和表单元素
- JavaScript权威指南_125_第15章_脚本化文档_15.5-元素的内容-HTML
- HTML 文本及分组和表格与文档元素
- HTML 文档元素
- 使用javascript解析xxx.xml文档将数据加载到xxx.html文档中的表格元素中
- 【HTML 元素】嵌入另一张HTML文档、通过插件嵌入内容、嵌入数字表现形式
- python模块学习---HTMLParser(解析HTML文档元素)