(3.3)HTML5链接属性

链接属性

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代码
但是我们提倡结构和样式分离,所以一般不建议使用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,258评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,540评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1 92
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,005评论 24 450
  • It happened last Friday.While we were walking my daughter...
    铸就完美阅读 179评论 0 0