• 欢迎访问故纵博客网,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站兼容其他浏览器.
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏极客公园吧

WEB – HTML 基础标签(2)

HTML wyoq 9个月前 (02-20) 51次浏览 已收录 0个评论

(1)、基础标签  HTML5 声明:<!DOCTYPE html> 声明有助于浏览器正确显示网页,也是在告诉浏览器这是一个 HTML5 的网页。<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前,<!DOCTYPE> 标签没有结束标签,声明不区分大小写。   <html> 标签告知浏览器这是一个 HTML 文档。<html> 标签是 HTML 文档中最外层的元素,也是文档的根元素,但是不包含 doctype 元素,也就是声明 <!DOCTYPE html>,doctype 元素必须位于 html 元素之前,<html> 标签是所有其他 HTML 元素的容器。HTML5 中增加了一个新属性:manifest,值为 URL 用于定义一个 URL,在这个 URL 上描述了文档的缓存信息。  <html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体,文档的头部由 <head> 标签定义,而主体由 <body> 标签定义。   <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts),样式文件(CSS),及各种 meta 信息。可以添加在头部区域的元素标签有 7 个:<title>,<style>,<meta>,<link>,<script>,<noscript> 和 <base>。   <meta>标签描述了一些基本的元数据。元数据也不显示在页面上,但会被浏览器解析。<meta> 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务。注意:<meta> 通常位于 <head> 区域内,在 HTML 中 <meta> 标签没有结束标签。  元数据(Metadata)是数据的数据信息,<meta> 标签提供了 HTML 文档的元数据。注意:元数据通常以 名称/值 对出现。注意:如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。在 HTML5 中,有一个新的 charset 属性,它使字符集的定义更加容易:HTML4: <meta http-equiv=”content-type” content=”text/html; charset=UTF-8″>,HTML5: <meta charset=”UTF-8″>。  <meta> 标签使用实例:1 定义编码格式:<meta charset=”UTF-8″> 2 为搜索引擎定义关键词:<meta name=”keywords” content=”HTML, CSS, XML, XHTML, JavaScript”> 3 为网页定义描述内容:<meta name=”description” content=”HTML 基础”> 4 定义网页作者:<meta name=”author” content=”Mr mo”>5 每 30 秒中刷新当前页面:<meta http-equiv=”refresh” content=”30″> 6 常用的针对移动网页优化过 viewport 的 meta:<meta name=”viewport” content=”width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;”>  上面实例最后一项代码解析:  width:控制 viewport(可视区) 的大小,可以是指定的一个值,如 600,或者特殊的值,如 device-width 为设备的宽度,单位为缩放为 100% 时的 CSS 的像素。  height:和 width 相对应,指定高度。  initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。  maximum-scale/minimum-scale:允许用户缩放到的最大/最小比例。  user-scalable:用户是否可以手动缩放。   <title> 标签定义 HTML 文档的标题。使用 <meta> 元素来描述 HTML 文档的描述,关键词,作者,字符集等。  <title> 标签在所有 HTML 文档中是必需的。<title>元素:    ①:定义浏览器工具栏中的标题。    ②:提供页面被添加到收藏夹时的标题。    ③:显示在搜索引擎结果中的页面标题。  注意:一个 HTML 文档中不能有一个以上的 <title> 元素。如果你遗漏了 <title> 标签,文档作为 HTML 是无效的。<title> 标签定义了不同文档的标题。定义了浏览器工具栏的标题。当网页添加到收藏夹时,显示在收藏夹中的标题。显示在搜索引擎结果页面的标题。所以选择标题的时候,一定要简短,有说明性,采用关键词,与页面内容相关。   <style> 标签定义了 HTML 文档的样式信息。在 <style> 元素中,你可以规定在浏览器中如何呈现 HTML 文档,每个 HTML 文档能包含多个 <style> 标签。注意:如果没有使用 “scoped” 属性,则每一个 <style> 标签必须位于 head 头部区域。”scoped” 属性是 HTML5 中的新属性,它允许我们为文档的指定部分定义样式,而不是整个文档。 如果使用 “scoped” 属性,那么所规定的样式只能应用到 style 元素的父元素及其子元素。在 HTML5 中可以不定义类型(type)属性,默认值为 “text/css”。如需链接外部样式表,就使用 <link> 标签。<style>定义文本样式,<link> 定义资源引用地址。   <link> 标签定义了文档与外部资源之间的关系。<link> 标签通常用于链接到样式表:<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>。注意: link 元素是空元素,它仅包含属性,此元素只能存在于 head 部分,不过它可出现任何次数。


故纵博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:WEB – HTML 基础标签(2)
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址