13.HTML全局属性和其他

                        第十一章    全局属性和其他

一、实体

         以实体代替与HTML语法相同的字符,避免浏览解析错误。

         常用HTML字符实体(建议使用实体):

        | ————————————————————————

        |字符 |   实体名      实体编码         名称

        | “  |   " "         双引号

        |  &  |   &         &         &

        |  <  |   <    <         左尖括号(小于号)

        |  >  |   >    >         右尖括号(大于号)

        |     |              空格

        |  '  |   ' '         撇号

        |  ¢  |   ¢ ¢        

        |  £  |   £ £        

        |  ¥  |   ¥   ¥        日元

        |  |   € €       欧元符

        |  ©  |   ©    ©        版权标识

        |——————————————————————————

 

 显示结果 描述        实体名称        实体编号

          空格                      

    ¡     倒感叹号        ¡         ¡

    ¤     货币         ¤         ¤

    ¢                  ¢         ¢

    £                  £       £

    ¥                  ¥         ¥

    ¦     断竖线         ¦         ¦

   §                  §         §

   ¨     间隔分音符     ¨        ¨

    ©      版权标识     ©        ©

    ª     阴性顺序标识符  ª        ª

    «     角引号(左) «       «

    ¬      逻辑非        ¬          ¬

            软连字符     ­         ­

    ®     注册商标     ®         ®

    ™     商标          ™        ™

    ¯     间隔长音符     ¯         ¯

    °    度             °          °

   ±     加或减         ±         ±

    ²     上标 2         ²         ²

    ³    上标 3         ³        ³

    ´    急性间距     ´        ´

    µ     百万分之一     µ         µ

    ¶     段落         ¶         ¶

    ·    中间点         ·      ·

    ¸    间距变音符     ¸           ¸

    ¹    上标 1         ¹           ¹

    º    阳性顺序指示符 º        º

    »    角引号(右) »        »

    ¼    分数 1/4       ¼         ¼

    ½    分数 1/2         ½        ½

    ¾     分数 3/4       ¾       ¾

    ¿    倒问号         ¿         ¿

    ×    乘号         ×        ×

    ÷     除号         ÷         ÷

 

二、元数据 <meta>元素可以定义文档中各种元数据,而且一个HTML页面可以包含多个<meta>元素。

   1、指定名/值元数据对

          1author           当前页面作者

          2description      当前页面的描述

          3keywords         当前页面的关键字

          4generator        当前页面的编码工具

  

            例、<head>

            <meta charset="utf-8">

            <meta name="author" content="bnbbs">

            <meta name="keywords" content="html,css3,响应式">

            <title>全局属性和其他</title>

                </head>

 

   2、声明字符编码

       <meta charset="utf-8">

   3、模拟 HTTP 标头字段

          1refresh       重新载入当前页面,或指定一个URL。单位秒。

          2content-type  另一种声明字符编码的方式。

           例、<head>

           <meta http-equiv="content-type" content="text/html" charset="utf-8">  //另一种写法

           <meta http-equiv="refresh" content="3;http://www.daidu.com">          //三秒后页面自动刷新跳转网页

               </head>

 

三、全局属性

   1id 属性:给元素分配一个唯一标识符。这种标识符通常用来给CSSJavaScript调用选择元素。一个页面通常只能出现一个id名称。

   2class 属性:用来给元素归类。通过是文档中某一个或多个元素同时设置CSS样式。

   3accesskey 属性:快捷键操作,windowsalt+指定键,前提是浏览器alt并不冲突。

             // <input type="text" name="user" accesskey="n">

   4contenteditable 属性:true可以编辑,为默认值,可以不写出来。false则不可编辑。

在已有的文本上可以更改,但不是更改原文件,刷新会变回来。

             // <p contenteditable="true"></p>

   5dir 属性:设置文本字符方向。让文本从左到右<ltr>(系统默认)。从右到左<rtl>

   6hidden 属性:隐藏元素。

   7lang 属性:可以局部设置语言。

   8title 属性:对内容进行额外的提示,当鼠标移动到文本是,会浮现出一个悬停框,框里为提示内容。

            //  <p title="这是html5教程">HTML</p>

   9tabindex 属性:表单中按下tab键,实现获取焦点的顺序,如果是-1,则不会被选中。<input type="text" name="user" tabindex="2">

<input type="text" name="user" tabindex="1">

<input type="text" name="user" tabindex="-1">

//12为焦点光标的跳转顺序。

   10style 属性:设置元素行内CSS样式。

posted @ 2018-02-28 18:17  君灬莫笑  阅读(229)  评论(0编辑  收藏  举报