(3.3)HTML5链接属性

2017-01-11 本文已影响5人越IT

链接属性

sizes

<link rel="icon" href="icon.gif" type="image/gif" sizes="16*16">

根据不同的分辨率引用不同的size
【备注】：只有当被链接资源是图标时，（rel=”icon”），才能使用该属性。

target

<base href="http://localhost/" target="_blank">

<base>标签写在<head></head>标签内
不添加target属性默认是_self
【备注】：在页面何处打开所有的链接.

超链接

a:media=""

【定义】：连接文档是何种媒介
（表示对设备进行优化，handhelp对“手持”设备进行支持，tv对“电视”设备进行支持）【备注】：只能在href属性存在时使用。；

a:hreflang="zh"

【定义】：连接文档是何种语言。（这里设置语言是中文）；【备注】：主流的浏览器几乎都不支持该属性。

a:rel="external"

【定义】：当前文档与被链接文档之间的关系
(设置超链接的引用，这里超链接为外部链接)。
【备注】：指定从源文档到目标文档的关系

其他属性

script

defer:

加载完脚本后并不执行，而是等整个页面加载完之后再执行

<script defer src=“URL”></script>

async:

加载完脚本后立刻执行，不用等整个页面都加载完，属于异步执行

<script async src=“URL”></script>

【备注】
defer属性仅兼容IE浏览器
async属性兼容主流浏览器

OL有序列表

start——起始值
reversed——倒叙排列
reserved 案例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ol标签reversed属性</title>
</head>
<body>
<h2></h2>
<ol reversed="reversed" start="3"> 
    <li>列表第一项</li>
    <li>列表第二项</li>
    <li>列表第三项</li>
    <li>列表第四项</li>
    <li>列表第五项</li>
</ol>
</body>
</html>

案例源码效果

html

manifest=“cache.manifest”（定义页面离线应用文件）

<html manifest=“cache.manifest”>

*style

scoped:

内嵌CSS

·可以写在任何位置，里面写CSS代码
但是我们提倡结构和样式分离，所以一般不建议使用。