一、用元数据元素说明文档
1、base元素
可以用来设置一个基准URL,让文档中的相对链接在此基础上进行解析。相对链接省略了URL中的协议、主机端口部分。 <base herf="http://sss/sss/"/>
2、meta元素
名/值对定于元数据,用到name 和content属性 <meta name="auther" content="ad"/>,其中name 表示元数据的类型,content用来提供值。
声明字符编码 <meta charset="UTF-8">
模拟HTTP标头字段 <meta http-eqyiv="refresh" content="5"/> http-eqyiv是指定所要模拟的标头字段名称,content则指定字段值,refresh的值为5表示5秒后重新刷新。如果在刷新间隔时间后面加上一个分号和URL,那么浏览器在指定时间之后就会跳转到指定的URL
http-equiv属性允许用的值
refresh 以秒为单位指定一个时间间隔,到达时间后将会载入一个指定的页面(不指定则重载当前页面)<meta http-equiv="refresh" content="4" ; "http://wwww.ddd.com "/>
default-style 指定页面优先使用的样式表,对应的content属性值应与同一文档中某个style元素或者link元素的title相同
content-type 声明页面所有字符编码的方法<meta http-equiv="content-type" content="text/html" charset="utf-8">
3、style元素
指定样式类型
指定样式作用范围 scoped属性定义样式只作用与该元素的父元素与其兄弟元素。
指定样式适用的媒体 <style media="screen" type="textcss"></style>
media属性用的规定设备值
all 所有设备
aural 用于语音合成器
braille 用于盲文设备
handheld 用于手持设备
projection 用于投影机
print 用于打印设备
screen 用于计算机显示器屏幕
tty 用于电传打字机等等宽设备
tv 用于电视机
<style media="screen AND (max-width:400px)"></style>
media属性使用的特性
width、height 指定浏览器的高度和宽度,代表像素
device-width 指定整个设备的宽度和高度,单位px,代表像素
device-height
resolution 指定设备像素密度,单位dpi或者dpcm max-resolution:400dpi
aspect-ratio 指定浏览器窗口或者整个设备的像素宽高比
device-aspect-ratio
color monochrome 指定彩色或者黑白设备上每个元素占用的二进制位
color-index 指定设备所能显示的颜色数目
scan 指定电视的扫描模式,支持(progressive interlace)
grid 指定设备类型
4、link元素
载入样式表
为页面定义网络标识 <link rel="shortcut icon" href="a.ico" type="image/x-ico"/>
要求浏览器预先获取预计很快用到的资源 <link rel="prefetch" href="a.html"/>
5、script元素
定义文档内嵌脚本
载入外部脚本库
推迟脚本的执行 defer属性告诉浏览器要等页面载入和解析完毕之后才能执行脚本。默认情况下浏览器遇到script元素就会暂停处理html文档,转而载入脚本文件并执行脚本,在执行完之后才会继续解析html
异步执行脚本 使用async属性后,浏览器将会继续解析html文档中的其他元素,包括script,同时异步加载执行脚本
6、noscript元素
用来向禁用了javascript或浏览器不支持javascript的用户显示一些内容,还能够在浏览器不支持javascript时将其引至另一个URL
<noscript>
<p>aaa</p>
</noscript>
<noscript>
<meta http-equiv="refresh" content="0" ;"http://">
</noscript>
1、base元素
可以用来设置一个基准URL,让文档中的相对链接在此基础上进行解析。相对链接省略了URL中的协议、主机端口部分。 <base herf="http://sss/sss/"/>
2、meta元素
名/值对定于元数据,用到name 和content属性 <meta name="auther" content="ad"/>,其中name 表示元数据的类型,content用来提供值。
声明字符编码 <meta charset="UTF-8">
模拟HTTP标头字段 <meta http-eqyiv="refresh" content="5"/> http-eqyiv是指定所要模拟的标头字段名称,content则指定字段值,refresh的值为5表示5秒后重新刷新。如果在刷新间隔时间后面加上一个分号和URL,那么浏览器在指定时间之后就会跳转到指定的URL
http-equiv属性允许用的值
refresh 以秒为单位指定一个时间间隔,到达时间后将会载入一个指定的页面(不指定则重载当前页面)<meta http-equiv="refresh" content="4" ; "http://wwww.ddd.com "/>
default-style 指定页面优先使用的样式表,对应的content属性值应与同一文档中某个style元素或者link元素的title相同
content-type 声明页面所有字符编码的方法<meta http-equiv="content-type" content="text/html" charset="utf-8">
3、style元素
指定样式类型
指定样式作用范围 scoped属性定义样式只作用与该元素的父元素与其兄弟元素。
指定样式适用的媒体 <style media="screen" type="textcss"></style>
media属性用的规定设备值
all 所有设备
aural 用于语音合成器
braille 用于盲文设备
handheld 用于手持设备
projection 用于投影机
print 用于打印设备
screen 用于计算机显示器屏幕
tty 用于电传打字机等等宽设备
tv 用于电视机
<style media="screen AND (max-width:400px)"></style>
media属性使用的特性
width、height 指定浏览器的高度和宽度,代表像素
device-width 指定整个设备的宽度和高度,单位px,代表像素
device-height
resolution 指定设备像素密度,单位dpi或者dpcm max-resolution:400dpi
aspect-ratio 指定浏览器窗口或者整个设备的像素宽高比
device-aspect-ratio
color monochrome 指定彩色或者黑白设备上每个元素占用的二进制位
color-index 指定设备所能显示的颜色数目
scan 指定电视的扫描模式,支持(progressive interlace)
grid 指定设备类型
4、link元素
载入样式表
为页面定义网络标识 <link rel="shortcut icon" href="a.ico" type="image/x-ico"/>
要求浏览器预先获取预计很快用到的资源 <link rel="prefetch" href="a.html"/>
5、script元素
定义文档内嵌脚本
载入外部脚本库
推迟脚本的执行 defer属性告诉浏览器要等页面载入和解析完毕之后才能执行脚本。默认情况下浏览器遇到script元素就会暂停处理html文档,转而载入脚本文件并执行脚本,在执行完之后才会继续解析html
异步执行脚本 使用async属性后,浏览器将会继续解析html文档中的其他元素,包括script,同时异步加载执行脚本
6、noscript元素
用来向禁用了javascript或浏览器不支持javascript的用户显示一些内容,还能够在浏览器不支持javascript时将其引至另一个URL
<noscript>
<p>aaa</p>
</noscript>
<noscript>
<meta http-equiv="refresh" content="0" ;"http://">
</noscript>