HTML 参考手册
HTML &style& 标签
在 HTML 文档中使用 &style& 元素：
&style type="text/css"&
h1 {color:}
p {color:}
&h1&这是一个标题&/h1&
&p&这是一个段落。&/p&
浏览器支持
所有主流浏览器都支持 &style& 标签。
标签定义及使用说明
&style& 标签定义 HTML 文档的样式信息。
在 &style& 元素中，您可以规定在浏览器中如何呈现 HTML 文档。
每个 HTML 文档能包含多个 &style& 标签。
提示和注释
提示：如需链接外部样式表，请使用
提示：如需学习更多有关样式表的知识，请阅读我们的 。
注释：如果没有使用 "scoped" 属性，则每一个 &style& 标签必须位于 head 头部区域。
HTML 4.01 与 HTML5之间的差异
"scoped" 属性是 HTML 5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个文档。
如果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。
New ：HTML5 中的新属性。
media_query
为样式表规定不同的媒体类型。
如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。
规定样式表的 MIME 类型。
&style& 标签支持 。
&style& 标签支持 。
HTML 教程：
HTML DOM 参考手册：
反馈内容（*必填）
截图标记颜色
联系方式(邮箱)
联系邮箱：
投稿页面：
记住登录状态
重复输入密码HTML &head& 元素
&head& 元素包含了所有的头部标签元素。在 &head&元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为: &title&, &style&, &meta&, &link&, &script&, &noscript&, and &base&.
HTML &title& 元素
&title& 标签定义了不同文档的标题。
&title& 在 HTML/XHTML 文档中是必须的。
&title& 元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
一个简单的 HTML 文档:
&!DOCTYPE html&
&meta charset="utf-8"&
&title&文档标题&/title&
文档内容......
HTML &base& 元素
&base& 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:
&head&&base href="/images/" target="_blank"&&/head&
HTML &link& 元素
&link& 标签定义了文档与外部资源之间的关系。
&link& 标签通常用于链接到样式表:
&head&&link rel="stylesheet" type="text/css" href="mystyle.css"&&/head&
HTML &style& 元素
&style& 标签定义了HTML文档的样式文件引用地址.
在&style& 元素中你需要指定样式文件来渲染HTML文档:
&head&&style type="text/css"&body {/style&&/head&
HTML &meta& 元素
meta标签描述了一些基本的元数据。
&meta& 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
&meta&一般放置于 &head&区域
&meta& 标签- 使用实例
为搜索引擎定义关键词:
&meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"&
为网页定义描述内容:
&meta name="description" content="Free Web tutorials on HTML and CSS"&
定义网页作者:
&meta name="author" content="Hege Refsnes"&
每30秒中刷新当前页面:
&meta http-equiv="refresh" content="30"&
HTML &script& 元素
&script&标签用于加载脚本文件，如： JavaScript。
&script& 元素在以下章节会详细描述。
HTML head 元素
定义了文档的信息
定义了文档的标题
定义了页面链接标签的默认链接地址
定义了一个文档和外部资源之间的关系
定义了HTML文档中的元数据
定义了客户端的脚本文件
定义了HTML文档的样式文件
阅读(...) 评论()1632人阅读
html（17）
HTML文档的head部分，通常包括指定页面标题，为搜索引擎提供关于页面本身的信息，加载样式表，以及加载JavaScript文件（出于性能考虑，多数时候放在页面底部&/body&标签结束前加载JavaScript）。除了title，head里的内容对页面访问者来说都是不可见的。下面是HTML文档head部分的一个例子：&head&
&meta charset=&utf-8& /&
&meta name=&author& content=&Adam Freeman&/&
&title&Your page title&/title&
&base href=&http://titan/listings/& target=&_blank&/&
&style type=&text/css&&
background-color:
padding: 0.5
&/head&title元素head元素中必须包含一个title元素，该元素内容会出现在浏览器的标签页中或者出现在浏览器窗口的顶部，作为网页标题，和浏览器相关。base元素base元素用来设置一个基准URL，让HTML文档中的相对链接在此基础上进行解析。如未指定，则使用当前加载文档的URL。base元素还能设定链接在用户点击时的打开方式，以及提交表单时浏览器如何反应。&base href=&http://titan/listings/& target=&_blank&/&1）href即为指定的基准URL。2）target属性规定在何处打开页面上的所有链接，包括值： 1）_blank：在新窗口中打开被连接文档； 2）_self：默认，在相同的框架中打开被链接文档； 3）_parent：在父框架打开被链接文档； 4）_top：在整个窗口中打开被链接文档； 5）framename：在指定框架中打开被链接文档。meta元素meta元素用来定义文档的各种元数据，meta元素可以有多种用途，但每个meta元素只能用于一种用途，如果需要使用不止一种，就需要在head元素中添加多个meta元素。指定名/值元数据对&meta name=&author& content=&Adam Freeman&/&name属性用来表示元数据的类型，content属性提供值。name属性包含以下值： 1）application name：当前页所属Web应用系统的名称； 2）author：当前页的作者名； 3）description：当前页的说明； 4）generator：用来生成HTML的软件名称； 5）keywords：描述页面的内容。除了以上5个预定义的元数据名称，还可以使用元数据扩展，这里（http://wiki.whatwg.org/wiki/MetaExtensions）有这些扩展的一份时常更新的清单。有些扩展用的比较多，例如robots元数据，HTML文档的作者可以用它告诉搜索引擎该如何对待该文档：&meta name=&robots& content=&noindex&/&该属性有三个大多数搜索引擎都认识的值： 1）noindex：不要索引本页； 2）noarchive：不要将本页存档或缓存； 3）nofollow：不要顺着本页中的链接继续搜索下去。大多数搜索引擎都提供了优化网页或整个网站的指南，可以查看相应搜索引擎提供的网页或网站优化指南。声明字符编码&meta charset=&utf-8& /&head元素中的meta元素声明文档的字符编码为UTF-8（默认）。模拟HTTP标头字段meta元素可以用来模拟或替换三种HTTP标头字段的值。&meta http-equiv=&refresh& content=&5&/&http-equiv属性的用途是指定所要模拟的标头字段名称，字段值在content属性中指定。http-equiv属性的可选值如下： 1）refresh：以秒为单位指定一个时间间隔，在此时间过去之后将从服务器重新载入当前页面。也可以另行指定一个URL让浏览器载入，如：&meta http-equiv=&refresh& content=&5;&/& 2）default-style：指定页面优先使用的样式表，content属性的值必须是同一文档中某个style元素或link元素的title属性值； 3）content-type：另一种声明HTML页面所用字符编码的方法，如：&meta http-equiv=&content-type& content=&text/html charset=UTF-8&/&style元素定义HTML文档内嵌的CSS样式。 &style type=&text/css&&
background-color:
padding: 0.5
&/style&上面为a元素设计了一个新样式。style元素可以出现在HTML文档中的各个部分，一个文档可以包含多个style元素，该元素可以用于为模板定义的样式（link元素导入）提供补充。可以为style元素指定样式适用的媒体： &style media=&screen AND (min-width:500px)& type=&text/css&&
&/style&media属性中的screen是设备类型，可选值的范围包括： 1）all：将样式用于所有设备（默认值）； 2）aural：将样式用于语音合成器； 3）braille：将样式用于忙问设备； 4）handheld：将样式用于手持设备； 5）projection：将样式用于投影机； 6）print：将样式用于打印预览和打印页面时； 7）screen：将样式用于计算机显示器屏幕； 8）tty：将样式用于电传打字机之类的等宽设备； 9）tv：将样式用于电视机。media属性中的(min-width:500px)指定特性，包括： 1）width height：指定浏览器窗口的宽度和高度，单位px，例如：width:200px 2）device-width device-height：指定整个设备（而不仅仅是浏览器窗口）的宽度和高度，单位px，例如：min-device-height:200px 3）resolution：指定设备的像素密度，单位dpi（点/英寸）或dpcm（点/厘米），例如：max-resolution:600dpi 4）orientation：指定设备的较长边朝向，可选值为portrait和landscape 5）aspect-ratio device-aspect-ratio：指定浏览器窗口或整个设备的像素宽高比，例如：min-aspect-ratio:16/9 6）color monochrome：指定彩色或黑白设备上每个像素占用的二进制位数，例如：min-monochrome:2 7）color-index：指定设备所能显示的颜色数目，例如：max-color-index:256 8）scan：指定电视的扫描模式，包括值progressive和interlace 9）grid：指定设备的类型，支持的值为0和1（1代表网格型设备，使用固定的网格显示内容）link元素用来在HTML文档和外部资源（如CSS样式表）之间建立联系。link元素包含6个局部属性，如下： 1）href：指定link元素指向的资源的URL； 2）hreflang：说明所关联资源使用的语言； 3）media：说明所关联的内容用于哪种设备，同style中的media属性； 4）rel：说明文档与所关联资源的关系类型，值的范围如下： ---alternate：链接到文档的替代版本，比如另一种语言的译本； ---author：链接到文档的作者； ---help：连接到当前文档的说明文档； ---icon：指定图标资源； ---license：链接到当前文档的相关许可证； ---pingback：指定一个回探（pingback）服务器，从其他网站链接到博客的时候它能自动得到通知； ---prefetch：预先获取一个资源； ---stylesheet：载入外部样式表。 5）sizes：指定图标的大小； 6）type：指定所关联资源的MIME类型，如text/css、image/x-icon。载入外部样式表&link rel=&stylesheet& type=&text/css& href=&styles.css&/&可以使用多个link元素载入多个外部资源。为页面定义网站标志&link rel=&shortcut icon& href=&favicon.ico& type=&image/x-icon& /&浏览器载入HTML页面时，会加载并显示网站标志。注：如果网站标志文件位于/favicon.ico（即Web服务器的根目录），那就不必用到link元素，大多数浏览器在载入页面时都会自动请求这个文件，就算没有link元素也是如此。预先获取资源可以要求浏览器预先获取预计很快就要用到的资源。&link rel=&prefetch& href=&/page2.html&/&注：目前不是所有浏览器都支持该功能。script元素用于在页面中加入脚本，可以直接在文档中定义脚本和引用外部文件中的脚本。该元素支持的局部属性如下： 1）type：表示所引用或定义的脚本的类型，对于JavaScript脚本这个属性可以省略 2）src：指定外部脚本文件的URL 3）defer async（HTML5新增）：设定脚本的执行方式，这两个属性只能与src属性一同使用 4）charset：说明外部脚本文件所用字符编码，该属性只能与src属性一同使用定义文档内嵌脚本&script&
document.write(&This is from the script&);
&/script&默认情况下，浏览器在页面中一遇到脚本就会执行。载入外部脚本库可以将脚本放到单独的文件中，然后用script元素载入HTML文档。&script src=&simple.js&&&/script&推迟脚本的执行使用async和defer属性可以对脚本的执行方式加以控制，defer属性告诉浏览器要等页面载入和解析完成后才能执行脚本：&script defer src=&simple2.js&&&/script&由于html遇到脚本就会执行，如果你的脚本需要使用到html脚本中的内容，通常你需要将脚本放到相应的html脚本后，但在html5中，使用defer属性就能达到同样的目的。浏览器遇到script元素时的默认行为是在加载和执行脚本的同时暂停处理页面，各个script元素依次同步执行。async属性可以在浏览器解析HTML文档时异步加载和执行脚本，如果运用得当，可以大大提高整体加载性能。&script async src=&simple2.js&&&/script&noscript元素noscript元素用来向禁用了JavaScript或浏览器不支持JavaScript的用户显示一些内容。&noscript&
&h1&JavaScript is required!&/h1&
&p&You cannot use this page without JavaScript&/p&
&/noscript&还有一种选择是在浏览器不支持JavaScript时将其引至另一个URL。&noscript&
&meta http-equiv=&refresh& content=&0;&/&
&/noscript&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：300789次
积分：4046
积分：4046
排名：第6717名
原创：121篇
评论：86条
(1)(5)(7)(1)(4)(4)(4)(4)(1)(1)(2)(5)(6)(7)(5)(1)(5)(5)(1)(3)(9)(8)(8)(4)(7)(6)(4)(1)(10)(1)在10个鸡蛋上坐了3星期后，终于成功孵化出第一颗鸡蛋。
但礼仪小姐、导购小姐依然是场内的一道风景线。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　查看在线实例
　　&title& - 定义了HTML文档的标题
　　使用 &title& 标签定义HTML文档的标题
　　使用 &base& 定义页面中所有链接默认的链接目标地址。
　　HTML &head& 元素
　　&head& 元素包含了所有的头部标签元素。在 &head&元素中你可以插入脚本（s）, 样式文件（CSS），及各种meta信息。
　　可以添加在头部区域的元素标签为: &title&, &style&, &meta&, &link&, &&, &no&, and &base&.
　　HTML &title& 元素
　　&title& 标签定义了不同文档的标题。
　　&title& 在 HTML/XHTML 文档中是必须的。
　　&title& 元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
　　一个简单的 HTML 文档:
　　&!DOCTYPE html&&html&&head& &meta charset=&utf-8&& &title&文档标题&/title&&/head&&body&文档内容......&/body&&/html&
　　HTML &base& 元素
　　&base& 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:
　　&head&
　　&base href=&/images/&target=&_blank&&
　　&/head&
　　HTML &link& 元素
　　&link& 标签定义了文档与外部资源之间的关系。
　　&link& 标签通常用于链接到样式表:
　　&head&
　　&link rel=&stylesheet& type=&text/css& href=&mystyle.css&&
　　&/head&
　　HTML &style& 元素
　　&style& 标签定义了HTML文档的样式文件引用地址.
　　在&style& 元素中你需要指定样式文件来渲染HTML文档:
　　&head&
　　&style type=&text/css&&
　　body {background-color:yellow}
　　p {color:blue}
　　&/style&
　　&/head&
　　HTML &meta& 元素
　　meta标签描述了一些基本的元数据。
　　&meta& 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
　　META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
　　元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
　　&meta&一般放置于 &head&区域
　　&meta& 标签- 使用实例
　　为搜索引擎定义关键词:
　　&meta name=&keywords& content=&HTML, CSS, XML, XHTML, Java&&
　　为网页定义描述内容:
　　&meta name=&deion& content=&Free Web tutorials on HTML and CSS&&
　　定义网页作者:
　　&meta name=&author& content=&Hege Refsnes&&
　　每30秒中刷新当前页面:
　　&meta http-equiv=&refresh& content=&30&&
　　HTML && 元素
　　&&标签用于加载脚本文件，如： Java。
　　&& 元素在以下章节会详细描述。
　　HTML head 元素
定义了文档的信息
定义了文档的标题
定义了页面链接标签的默认链接地址
定义了一个文档和外部资源之间的关系
定义了HTML文档中的元数据
定义了客户端的脚本文件
定义了HTML文档的样式文件
　　如您还有不明白的可以在下面与我留言或是与我探讨QQ群，我们一起飞！
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
Java程序开发，数据库:SQL／PLSQL;数据库设计；...
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：