如何使用html5中的media

1、media 属性规定目标 URL 是为什么类型的媒介/设备进行优化的。

该属性用于规定目标 URL 是为特殊设备（比如 iPhone）、语音或打印媒介设计的。

该属性可接受多个值。

只能在 href 属性存在时使用。

该属性是 HTML5 中的新属性。

示例：

<a href="att_a_media.asp?output=print" media="screen and (min-width:500px)">

HTML5 a media attribute.

</a>

2、第2种情况与媒体查询、响应式设计有关

media 属性定义了应该用于指定每种媒体类型的样式表：

screen 适用于计算机彩色屏幕。

示例：<link rel="stylesheet" type="text/css" href="index.css" media="screen" />

定义一个空链接使用的标记是“<a href="#">文字内容</a>”，文字内容部分可以根据需要进行改变。

空链接就是没有目标端点的链接。空链接可以设为首页，也可以添加收藏。空链接中的“a”标签是实现超链接的html代码，它是用来定义超链接的。语法格式：<a href="地址">超链接对象</a>

href是a标签中最重要的一个属性，指定了连接的目标，如果没有该属性，不能使用href、lang、media、rel、target 和 type属性。a标签的四个伪类是使用来定义超链接在不同状态下的css样式。

a：link，定义超链接在正常情况下的样式，默认超链接对象是蓝色，有下划线。a：visited，定义超链接被访问过后的样式，默认超链接对象是紫色的，有下划线。

a：hover，定义鼠标悬浮在超链接上时的样式，默认超链接对象是蓝色的，有下划线。a：active，定义鼠标点击链接时的样式，默认超链接对象是红色的，有下划线。

扩展资料：

HTML的链接代码还有

超链接：<a href="网址" target="_blank">内容du</a>target="_blank" 为新窗口打开。

JS跳转链接：zhuan<a href="#" onclick="javascript:location.href='网址'">内容</a>

meta标签跳转链接：<meta http-equiv="refresh" content="3URL=网址">（代表三秒跳转）

参考资料：百度百科-HTML

---