Home  >  Article  >  Web Front-end  >  整理HTML的一些基础_html/css_WEB-ITnose

整理HTML的一些基础_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:28:27882browse

HTML,超文本标记语言(HyperText Markup Language)

超文本:指页面内可以包含图片、链接、音乐、程序等非文字元素

标记:页面的由各种标签(标记)组成,文本有隐藏的文本标签

HTML 使用标记标签来描述网页,以开头,结尾

sublime 使用快捷方式生成的一个模板:

<!DOCTYPE html><!--文档类型声明 --><html lang="en"> <head><!--描述文档信息-->    <meta charset="UTF-8">    <title>Document</title></head><body><!--文档内容-->    </body></html>

标题
页面链接标签的默认链接地址
一个文档和外部资源之间的关系
HTML文档中的元数据
<script></script> 客户端的脚本文件
HTML文档的样式文件

base标签和meta标签平时都是从别的地方拷贝的,下面扒一扒这个两个标签的用途

  1. base:标签为页面上的所有链接规定默认地址或默认目标。

    通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

    使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 整理HTML的一些基础_html/css_WEB-ITnose

    标签中的 URL。

    http://www.w3school.com.cn/tiy/t.asp?f=html_base_test,使用频率好像不高
  2. meta:元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词,标签的属性定义了与文档相关联的名称/值对:
  • content属性:定义与 http-equiv 或 name 属性相关的元信息
  • name属性:表述文档的一些信息,对搜索引擎友好,以及基于移动设备的一些描述

    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <!--定义视窗显示的比例,是否可缩放以及最大缩放值--><meta name="apple-mobile-web-app-capable" content="yes"><!--ios2.0+ 是否全屏--><meta name="apple-mobile-web-app-status-bar-style" content="black"><!--设置Web App的状态栏(屏幕顶部栏)的样式-->

  • http-equiv:属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

    <meta http-equiv="content-Type" content="text/html;charset=gb2312"><!--设定文本类型,页面使用的字符集。 --><meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"><!--可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输,必须使用GMT的时间格式。 --><meta http-equiv="Pragma" content="no-cache"><!--用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出 用法:--><meta http-equiv="cache-control" content="no-cache"><!--清除缓存(再访问这个网站要重新下载!)--><meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/"><!--必须使用GMT的时间格式。如果网页过期,那么存盘的cookie将被删除。--><meta http-equiv="Refresh" content="2;URL=http://www.net.cn/"><!--自动刷新并指向新页面--><meta http-equiv="Window-target" content="_top"><!--强制页面在当前窗口以独立页面显示,用来防止别人在框架里调用自己的页面。 --><meta http-equiv="Pics-label" content=""><!--网页等级评定--><meta http-equiv="Page_Enter" content="revealTrans(duration=1.0,transtion=12)"><!--设定进入页面时的特殊效果--><meta http-equiv="Page_Exit" content="revealTrans(duration=1.0,transtion=12)"><!--设定离开页面时的特殊效果-->

  • 从网上搜索的到的,没测试具体哪些真的有用,以后真正需要用的时候再重新整理。

    标签放置文档内容,好像没有太多需要提的,主要html5新增了很多语义化的标签,让我们更好的架构页面

    Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn