zoukankan      html  css  js  c++  java
  • HTML常用标签

    HTML常用标签

    1、 文档声明

    你可使用此声明在 Internet Explorer 6 及以后版本中切换为严格的标准兼容模式。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <!DOCTYPE html>
    

    2、主体结构标签

    • <html></html> 此元素可告知浏览器其自身是一个 HTML 文档。
    • <head></head> 用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
    • <body></doby> 定义文档的主体

    3、HEAD头部标签

    • <title></title> 定义文档标题

    • <base /> 标签为页面上的所有链接规定默认地址或默认目标

    • 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签永远位于 head 元素内部。

      
      
    • <link></link> 标签定义文档与外部资源的关系。

      <link rel="stylesheet" type="text/css"  href="style.css"></link>
      <link rel="shortcut icon" type="images/x-icon" href="http://www.baidu.com/favicon.ico">
      
    •  签用于为 HTML 文档定义样式信息。
    •  标签用于定义客户端脚本,比如 JavaScript。script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。

    4、meta元信息

    • content 定义与 http-equiv 或 name 属性相关的元信息

    • name 把content属性关联到一个名称

      author
      
      description
      
      keywords
      
      generator
      
      revised
      
      robots
      
      others
      
    • http-equiv 把 content 属性关联到 HTTP 头部。

      content-type
      expires
      refresh
      set-cookie
      
    • charset 字符集编码

    编码字符集
      HTML5 支持 HTML5向下兼容
     HTML 4支持
    
    网页关键字:
    
    
    网页描述信息
    
    
    
    <!--下面的内容,只需要了解。 自己看看-->
    所有搜索引擎,抓取这个页面、爬行链接、禁止快照:  
    
      all:文件将被检索,且页面上的链接可以被查询;
      none:文件将不被检索,且页面上的链接不可以被查询;
      index:文件将被检索;
      follow:页面上的链接可以被查询;
      noindex:文件将不被检索,但页面上的链接可以被查询;
      nofollow:文件将被检索,但页面上的链接不可以被查询;
      noarchive:文件将被检索,但禁止保存快照;
    
    网页作者:
    
    
    网页网页生成工具 
    
    
    定义页面最新版本 
    
    
    网页版权信息:
    
    
    网页刷新信息:
      10秒后跳转到百度页面
    

    5、格式排版标签

    • <br/> 换行标签,完成文字的紧凑显示。可以使用连续多个<br/>标签来换行
    • <hr/> 水平分割线标签,用于段落与段落之间的分割
    • <p></p>段落标签,里面可以加入文字,列表,表格等,可以

      使用

    • <pre></pre>按原文显示标签,可以把原文件中的空格,回车,换行,tab键表现出来
    • <hn></hn> 标题字标签,n为1-6,定义六级标题,而且会自动换行插入一个空行
    • <div></div> 没有任何语义的标签

    6、文本标签

    • <em></em> 表示强调,通常为斜体字
    • <strong></strong> 表示强调(语气更强),通常为粗体字
    • <del></del> 标签定义文档中已删除的文本。
    • <ins></ins> 标签定义已经被插入文档中的文本
    • <sub></sub> 文字下标字体标签
    • <sup></sup> 文字上标字体标签
    • <mark></mark> H5新增 标签定义带有记号的文本 请在需要突出显示文本时使用,如搜索引擎搜索页面
    • <ruby></ruby> H5新增 标签定义 ruby 注释(中文注音或字符) 在东亚使用,显示的是东亚字符的发音。
    • <rt></rt> H5新增 标签定义字符(中文注音或字符)的解释或发音
    <!--一下文本标签  作为了解-->
    <cite>    用于引证、举例、(标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题)通常为斜体字
    <dfn> 定义一个定义项目
    <code> 定义计算机代码文本
    <samp> 定义样式文本 标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。
    <kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
    <abbr> 定义缩写 配合title属性  (IE6以上)
    <bdo>  来覆盖默认的文本方向 dir属性 值: lrt  rtl
    <var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
    <small> 标签定义小型文本(和旁注)
    <b>    粗体字标签 根据 HTML 5 的规范,<b> 标签应该做为最后的选择,只有在没有其他标记比较合适时才使用它。
    <i>    斜体字标签 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。
    <u>    下划线字体标签 标签定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。 请尽量避免使用 <u> 为文本加下划线,用户会把它混淆为一个超链接。
    <q>  签定义一个短的引用。浏览器经常会在这种引用的周围插入引号。(小段文字)
    <blockquote> 标签定义摘自另一个源的块引用。浏览器通常会对 <blockquote> 元素进行缩进。(大段文字) (块状元素)
    <address>  定义地址 通常为斜体 (注意非通讯地址)  块状元素
    <font>       H5已删除 字体标签,可以通过标签的属性指定文字的大小、颜色及字体等信息
    <tt>       H5已删除 打字机文字
    <big>       H5已删除 大型字体标签
    <strike>   H5已删除 添加删除线
    <acronym>  H5已删除 首字母缩写 请使用<abbr>代替
    <bdi>      H5新增 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。(经测试,各大浏览器都不起作用)
    <mark>     H5新增 标签定义带有记号的文本 请在需要突出显示文本时使用,如搜索引擎搜索页面
    <meter>    H5新增 定义预定义范围的度量
    <progress> H5新增 标签标示任务的进度(进程)
    <time>     H5新增 定义时间和日期 
    <wbr>        H5新增    规定在文本中的何处适合添加换行符。Word Break Opportunity
    
  • 相关阅读:
    BEC listen and translation exercise 44
    中译英12
    BEC listen and translation exercise 43
    中译英11
    BEC listen and translation exercise 42
    中译英10
    BEC listen and translation exercise 41
    中译英9
    BEC listen and translation exercise 40
    中译英8
  • 原文地址:https://www.cnblogs.com/TMesh/p/11755709.html
Copyright © 2011-2022 走看看