HTML5实体/核心构成的元数据以及全局属性

maolai web前端评论452阅读模式

一、HTML实体

HTML 实体就是将有特殊意义的字符通过实体代码显示出来。如下图介绍。

二、HTML元数据

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

1、指定名/ 值元数据对

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

<meta name="description" content="这是一个 HTML5 页面">

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

<meta name="generator" content="sublime text 3">

元数据名称说明

author 当前页面的作者

description 当前页面的描述

keywords 当前页面的关键字

generator 当前页面的编码工具

2、声明字符编码

<meta charset="utf-8">

3、模拟 HTTP 标头字段

//5 秒跳转到指定URL  <meta http-equiv="refresh" content="5;http://www.bokequ.com/blog/1/">

//另一种声明字符编码  <meta http-equiv="content-type" content="text/html charset=utf-8">

属性值说明

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

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

HTML5实体/核心构成的元数据以及全局属性

三、HTML全局属性

在此之前,涉及到的元素有它的局部数据,当然也知道一些全局属性,比如id。全局属性是所有元素共有的行为,HTML5 还提供了一些其他的全局属性。

1、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+指定键,前提是浏览器 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>  解释:可以局部设置语言。

8、title 属性

<p title="HTML5 教程">HTML5</p>  解释:对元素的内容进行额外的提示。

9、tabindex 属性

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

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

解释:表单中按下 tab 键,实现获取焦点的顺序。如果是-1,则不会被选中。

10、style 属性

<p style="color:red;">CSS 样式</p>   解释:设置元素行内 CSS 样式

 
maolai
  • 本文由 maolai 发表于 2016年1月24日 17:44:57
  • 转载请务必保留本文链接:http://www.bokequ.com/65.html