第六十八节，htnl全局属性和其余属性

时间 2019-11-12

标签第六十八节 htnl 全局属性其余繁體版

原文原文链接

htnl全局属性和其余属性css

学习要点：
1.实体
2.元数据
3.全局属性html

本章主要探讨HTML5中的HTML实体、以及HTML核心构成的元数据，最后了解一下HTML中的全局属性。html5

一．实体web

HTML实体就是将有特殊意义的字符经过实体代码显示出来。使用方法，实体名称或者实体编号windows

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

　　   　   空格cookie

< 　　< 　　< 　　小于号app

> 　　 > 　　> 　大于号ide

& 　　 & 　& 　和号工具

" 　　 " 　 " 引号

' 　　' ' 撇号

￠　　¢ ¢ 分

£ 　　 £ £ 镑

¥ 　　¥ ¥ 日圆

€ 　　€ € 欧元

§ 　　 § § 小节

© 　　© © 版权

® 　　 ® ® 注册商标

™ 　　™ ™ 商标

× 　　 × × 乘号

÷ 　　÷ ÷ 除号

二．元数据
<meta>元素能够定义文档中的各类元数据，并且一个HTML页面能够包含多个<meta>元素。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <!--定义文档的编码类型-->
    <meta charset="utf-8">
    
    <!--
        name, content 组合的示例以下（不全）
    -->
    <!--定义文档的做者-->
    <meta name="author" content="webabcd" />
    <!--定义文档的生成工具-->
    <meta name="generator" content="EditPlus" />
    <!--若是把此 html5 文档当作一个程序，则此处用于定义程序的名称-->
    <meta name="application-name" content="meta 标签的介绍" />


    <!--
        http-equiv, content 组合的示例以下（不全）
    -->
    <!--定义文档内容的语言-->
    <meta http-equiv="content-language" content="zh-CN" />
    <!--定义文档内容的类型-->
    <meta http-equiv="content-type" content="text/html" />
    <!--定义文档所使用的样式表的 title，从而在有多个样式表的时候，只使用指定 title 的样式表。本例中会强制只使用 title 为 css1 的样式表-->
    <meta http-equiv="default-style" content="css1" />
    <!--
    文档每多少秒刷新一次,或者跳转
    若是要作成跳转，content属性值里引号加跳转网址，不加网址就跳转本页，至关于刷新
    如：<meta http-equiv="refresh" content="1;www.baidu.com" />
    -->
    <meta http-equiv="refresh" content="1" />
    <!--设置 cookie-->
    <meta http-equiv="set-cookie" content="author=webabcd;" />
    <title>标题</title>
    <!--设置图标-->
　　 <link rel="icon" href="//www.jd.com/favicon.ico" mce_href="//www.jd.com/favicon.ico" type="image/x-icon">

    <!--定义关键字-->
    <meta name="keywords" content="html5, flash, silverlight" />
    <!--定义文档的描述信息-->
    <meta name="description" content="介绍 html5 中的 meta 标签" />



</head>
<body>

</body>
</html>

三．全局属性
在此以前，咱们涉及到的元素都讲解了它的局部数据，固然也知道一些全局属性，好比id。全局属性是全部元素共有的行为，HTML5还提供了一些其余的全局属性。

1.id属性，id属性给元素分配一个惟一标识符

<p id="abc">段落</p>

解释：id属性给元素分配一个惟一标识符。这种标识符一般用来给CSS和JavaScript 调用选择元素。一个页面只能出现一次同一个id名称。

2.class属性，用来给元素归类

<p class="abc">段落</p> 
<p class="abc">段落</p> 
<p class="abc">段落</p>

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

3.accesskey属性 ,输入框属性，快捷键操做

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

解释：快捷键操做，windows下alt+accesskey="n"指定键，光标定位到此输入框，前提是浏览器alt并不冲突。

4.contenteditable属性，让文本处于可编辑状态

<p contenteditable="true">我能够修改吗</p>

解释：让文本处于可编辑状态，设置true则能够编辑，false则不可编辑。或者直接设置属性。

5.dir属性，让文本左或者右

<p dir="rtl">文字到右边 </p>

解释：让文本从左到右（ltr），仍是从右到左（rtl）。

6.hidden属性，隐藏元素

<p hidden>文字 </p>

解释：隐藏元素。

7.lang属性，能够局部设置语言

<p lang="en">HTML5</p>

解释：能够局部设置语言。zh-cn为中文，en为英文

8.title属性，对元素的内容进行额外的提示

<p title="HTML5教程">HTML5</p>

解释：对元素的内容进行额外的提示。，也就是鼠标放上去会出现提示内容

9.tabindex属性，表单中按下tab键，实现获取焦点的顺序

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

解释：表单中按下tab键，实现获取焦点的顺序。若是是-1，则不会被选中。

10.style属性，设置元素行内CSS样式

<p style="color:red;">CSS样式</p>

解释：设置元素行内CSS样式。