HTML 基本结构及全局属性和元数据与超链接

HTML基本结构

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>HTML</title>
</head>
<body>
	
</body>
</html>

HTML全局属性

转义字符

全局属性

1 设置局部语言 => lang属性

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

2 设置提示标题 => title属性

<p title="this is html5">H5</p>

3 表单中按下tab键获取焦点的顺序 => tabindex属性

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

4 隐藏元素 => hidden属性

<p hidden>HTML5</p>

5 文字方向 => dir属性

<p dir="rtl">dir=ltr</p>

6 文本呈可编辑状态 => contenteditable属性

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

7 ALT+指定快捷键获得焦点 => accesskey属性

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

其他全局属性

id 元素id

class 元素归类

style 元素内联样式

元数据

作者 描述 关键字 当前页面编码工具

<meta name="author" content="hakase">
<meta name="description" content="this is a blog">
<meta name="keywords" content="html5,css3,javascript">
<meta name="generator" content="oschina">

声明字符编码

<meta charset="utf-8">

3秒后跳转到指定页面

<meta http-equiv="refresh" content="3;http://www.oschina.net/">

另一种声明页面编码方式

<meta http-equiv="content-type" content="text/html charset=utf-8">

超链接

a标签为超链接 属性如下

target属性

    _blank 建立新窗口 新标签页打开

    _self 在当前窗口打开(默认)

    _parent 父窗框(frameset)中打开

    _top 在顶层窗口打开文档

锚点 跳转到指定id属性的标签处

<a href="#target">Link</a>

转载于:https://my.oschina.net/nichijou/blog/749901

猜你喜欢

转载自blog.csdn.net/weixin_34397291/article/details/91962432