HTML5: 进阶指南-CSDN博客

本文链接：https://blog.csdn.net/weixin_45737584/article/details/106632407

HTML 简介

HTML是现在世界通用的超文本标记语言，通过它，可以实现图片、链接、音乐以及程序等等多种元素。现如今，HTML已经是程序员必须掌握的一项基本功。

HTML发展史

HTML没有1.0，因为关于它的初版存在争议，1995年HTML 2.0面世，1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准，后面W3C(万维网联盟)也渐渐变成Web技术领域的权威，经过漫长的演变，2014年，HTML 5标准最终面世。

HTML 2.0——1995年11月，RFC 1866发布

HTML 3.2——1997年1月14日，W3C发布推荐标准

HTML 4.0——1997年12月18日，W3C发布推荐标准

HTML 4.01——1999年12月24日，W3C发布推荐标准

HTML 5——2014年10月28日，W3C发布推荐标准

HTML结构

HTML的结构一般包括<head>标签和<body>标签，<head>和<body>这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容，它本身不作为内容来显示，但影响网页显示的效果。<body></body>当中是网页实际显示的内容，正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针，通过点击，可以很方便地获取新的网页，这是HTML获得广泛推广运用最重要的原因之一，而由这些相互之间存在关联的页面组成的有机集合便是网站。

究竟HTML为什么会被普及?这就要归功于互联网的高速发展，对于编程语言的需求直线上升。而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性，HTML越来越受到人们的喜爱。

HTML5编辑规范

1、文件拓展名默认使用htm或者html，便于操作系统或者程序辨认文件，而图片则基本上存为gif或jpg

2、浏览器默认忽视回车符，不过为了方便阅览，人们还是会习惯地在写完一段代码后进行回车

3、标记符号用尖括号括起来，带斜杠的元素表示该标记说明结束，大多数标记符必须成对使用，用以说明起始和结束。

4、必须使用半角而不是全角字符

5、HTML注释的内容不给予显示

开始学习HTML

接下来，你可以打开这本教程，先了解html的基本概念，然后一个一个地掌握HTML标签、HTML注释、HTML框架的用法，并且参考借鉴一些优秀的网站，通过浏览器的“查看源代码”功能来了解别人写的HTML代码结构。

HTML对于系统环境配置要求一点也不高，基本上，你只需要有一台电脑就够了。

HTML 实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>陌然计算机编程</title>
</head>
<body> 
 <h1>我的第一个标题</h1> 
 <p>我的第一个段落</p> 
 </body>
</html>

实例解析

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

注：在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到组成标签。

什么是HTML?

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下实例:

HTML 元素:

<p>这是一个段落。</p>

Web 浏览器

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户：

HTML 网页结构

下面是一个可视化的HTML页面结构：

<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>

	只有 <body> 区域 (白色部分) 才会在浏览器中显示。

HTML版本

从初期的网络诞生后，已经出现了许多HTML版本:

版本	发布时间
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

<!DOCTYPE> 声明

<!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的，以下方式均可：

<!DOCTYPE html> 
<!DOCTYPE HTML> 
<!doctype html> 
<!Doctype Html>

通用声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

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

查看完整网页声明类型 DOCTYPE 参考手册。

中文编码

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

HTML 实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>


 <h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
 </body>
</html>

程序员必须知道的HTML常用代码有哪些？

HTML即超文本标记语言，是目前应用最为广泛的语言之一，是组成一个网页的主要语言。在现今这个HTML5华丽丽地占领了整个互联网的时候，如果想要通过网页抓住浏览者的眼球光靠因循守旧是不行的，程序猿们需要掌握一些必须知道的HTML常用代码，因为只有熟悉掌握了常用的HTML代码，程序猿们在编写网页的时候才可以做到流畅美观，用细腻的思维和创意的细节效果打动并留住网页浏览者。

HTML常用代码之：常常会遇到的问题

点击关闭窗口

<a href="javascript.:top.window.close();">点击关闭窗口</a>！

请问如何去掉主页右面的滚动条？

<body scroll="no">
<body style="overflow-y:hidden">

如何做到让一个网页自动关闭.

<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body >
这个窗口会在10秒过后自动关闭,而且不会出现提示. </body>

如何在不刷新页面的情况下刷新css?

<style>
button{ color:#000000;}
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为　　红色</button>

请问如何让网页自动刷新？
在head部记入<META. HTTP-EQUIV="Refresh" c>其中20为20秒后自动刷新，你可以更改为任意值。
如何让页面自动刷新？
方法一，用refresh

HTML 代码片段如下:

<head>
<meta. http-equiv="refresh" c>
</head>

5表示刷新时间
[Ctrl+A 全部选择提示:你可先修改部分代码，再按运行]

方法二，使用setTimeout控制

<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>

如何让超链接没有下划线
在源代码中的<HEAD>…</HEAD>之间输入如下代码：

<style. type="text/css"> <!--
a { text-decoration: none}
--> </style>

请问如何去掉IE的上下滚动条？

<body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘>
</body>

怎样才能把RealPlayer文件在网页做一个试听连接？

<embed height=25　src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>

如何用html实现浏览器上后退按钮的功能？

<a href="java script.:history.go(-1)">点击后退</a>

或者

<script> history.back() </SCRIPT>

HTML常用代码之：你不一定知道的技巧

ncontextmenu="window.event.returnValue=false"

将彻底屏蔽鼠标右键

<table borderncontextmenu=return(false)><td>no</table>

可用于Table

<body nselectstart="return false">

取消选取、防止复制

onpaste="return false"

不准粘贴

oncopy="return false;" ncut="return false;"

防止复制

<link rel="Shortcut Icon"href="favicon.ico">

IE地址栏前换成自己的图标

<link rel="Bookmark"href="favicon.ico">

可以在收藏夹中显示出你的图标

<inputstyle="ime-mode:disabled">

关闭输入法

永远都会带着框架

<script. language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

网页将不能被另存为

<noscript><iframe.src=*.html></iframe></noscript>

查看网页源代码

<input type=button value=查看网页源代码
onclick="window.location = "view-source:"+"http://www.w3cschool.cn"">

删除时确认

<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>

屏蔽功能键Shift,Alt,Ctrl

<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!");//可以换成ALT　CTRL
}
document.onkeydown=look;
</script>

网页不会被缓存

<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

或者

<META. HTTP-EQUIV="expires"CONTENT="0">

怎样让表单没有凹凸感？

<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

不要滚动条?
让竖条没有:

<body style="overflow:scroll;overflow-y:hidden">
</body>

让横条没有:

<body style="overflow:scroll;overflow-x:hidden">
</body>

两个都去掉？更简单了

<body scroll="no">
</body>

怎样去掉图片链接点击后，图片周围的虚线？

<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>

电子邮件处理提交表单

<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>

在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload()

如何设定打开页面的大小

<body nload="top.resizeTo(300,200);">

打开页面的位置

<bodynload="top.moveBy(300,200);">

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

检查一段字符串是否全由数字组成

<script. language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

TEXTAREA自适应文字行数的多少

<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

日期减去天数等于第二个日期

<script. language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>

选择了哪一个Radio

<HTML><script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</BODY></HTML>

脚本永不出错

<SCRIPT. LANGUAGE="JavaScript">
<!-- Hide function killErrors(){return true;} window.onerror = killErrors;// -->
</SCRIPT>

ENTER键可以让光标移到下一个输入框

<input nkeydown="if(event.keyCode==13)event.keyCode=9">

HTML 特殊符号编码对照表

特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	Α	Α	Β	Β	Β	Γ	Γ	Γ
Δ	Δ	Δ	Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ	Ι	Ι	Ι
Κ	Κ	Κ	Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ	Ο	Ο	Ο
Π	Π	Π	Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ	Φ	Φ	Φ
Χ	Χ	Χ	Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β	γ	γ	γ
δ	δ	δ	ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ	ι	ι	ι
κ	κ	κ	λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ	ο	ο	ο
π	π	π	ρ	ρ	ρ	ς	&sigmaf;	ς
σ	σ	σ	τ	τ	τ	υ	υ	υ
φ	φ	φ	χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	ϑ	&thetasym;	ϑ	ϒ	&upsih;	ϒ
ϖ	ϖ	ϖ	•	•	•	…	…	…
′	′	′	″	″	″	‾	&oline;	‾
⁄	&frasl;	⁄	℘	&weierp;	℘	ℑ	&image;	ℑ
ℜ	&real;	ℜ	™	™	™	ℵ	&alefsym;	ℵ
←	←	←	↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔	↵	&crarr;	↵
⇐	⇐	⇐	⇑	&uArr;	⇑	⇒	⇒	⇒
⇓	&dArr;	⇓	⇔	⇔	⇔	∀	∀	∀
∂	∂	∂	∃	∃	∃	∅	∅	∅
∇	∇	∇	∈	∈	∈	∉	∉	∉
∋	&ni;	∋	∏	∏	∏	∑	∑	−
−	−	−	∗	&lowast;	∗	√	√	√
∝	&prop;	∝	∞	∞	∞	∠	&ang;	∠
∧	&and;	⊥	∨	&or;	⊦	∩	∩	∩
∪	∪	∪	∫	∫	∫	∴	&there4;	∴
∼	&sim;	∼	≅	&cong;	≅	≈	≈	≅
≠	≠	≠	≡	&equiv;	≡	≤	≤	≤
≥	≥	≥	⊂	⊂	⊂	⊃	⊃	⊃
⊄	&nsub;	⊄	⊆	&sube;	⊆	⊇	&supe;	⊇
⊕	&oplus;	⊕	⊗	&otimes;	⊗	⊥	&perp;	⊥
⋅	⋅	⋅	⌈	&lceil;	⌈	⌉	&rceil;	⌉
⌊	&lfloor;	⌊	⌋	&rfloor;	⌋	◊	&loz;	◊
♠	&spades;	♠	♣	&clubs;	♣	♥	&hearts;	♥
♦	&diams;	♦				¡	¡	¡
¢	¢	¢	£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦	§	§	§
¨	¨	¨	©	©	©	ª	ª	ª
«	«	«	¬	¬	¬
®	®	®	¯	¯	¯	°	°	°
±	±	±	²	²	²	³	³	³
´	´	´	µ	µ	&#181	"	"	"
<	<	<	>	>	>	'		'

键盘快捷键

通过使用键盘快捷键可以节省时间。

Windows 和 Mac 的键盘快捷键

在现代操作系统中和计算机软件程序中，键盘快捷键经常被使用。

使用键盘快捷键能帮您节省很多时间。

基本的快捷键

描述	Windows	Mac OS
编辑菜单	Alt + E	Ctrl + F2 + F
文件菜单	Alt + F	Ctrl + F2 + E
视图菜单	Alt + V	Ctrl + F2 + V
全选文本	Ctrl + A	Cmd + A
复制文本	Ctrl + C	Cmd + C
查找文本	Ctrl + F	Cmd + F
查找替换文本	Ctrl + H	Cmd + F
新建文档	Ctrl + N	Cmd + N
打开文件	Ctrl + O	Cmd + O
打印选项	Ctrl + P	Cmd + P
保存文件	Ctrl + S	Cmd + S
粘贴文本	Ctrl + V	Cmd + V
剪切文本	Ctrl + X	Cmd + X
重做文本	Ctrl + Y	Shift + Cmd + Z
撤销文本	Ctrl + Z	Cmd + Z

文本编辑

描述	Windows	Mac OS
光标移动
将文本插入光标向右移动或者移动到下一行行首	Right Arrow	Right Arrow
将文本插入光标向左移动或者移动到上一行行尾	Left Arrow	Left Arrow
将文本插入光标向上移动一行	Up Arrow	Up Arrow
将文本插入光标向下移动一行	Down Arrow	Down Arrow
将文本插入光标移动到当前行的行首	Home	Cmd + Left Arrow
将文本插入光标移动到当前行的行尾	End	Cmd + Right Arrow
将文本插入光标移动到文档的开头	Ctrl + Home	Cmd + Up Arrow
将文本插入光标移动到文档的结尾	Ctrl + End	Cmd + Down Arrow
将文本插入光标移动到上一个文本框	Page Up	Fn + Up Arrow
将文本插入光标移动到下一个文本框	Page Down	Fn + Down Arrow
将文本插入光标向左移动到前一个词的开头	Ctrl + Left Arrow	Option + Left Arrow
将文本插入光标向右移动到后一个词的开头	Ctrl + Right Arrow	Option + Right Arrow
将文本插入光标移动到行首	Ctrl + Up Arrow	Cmd + Left Arrow
将文本插入光标移动到行尾	Ctrl + Down Arrow	Cmd + Right Arrow

文本选择
选择文本插入光标左边的字符	Shift + Left Arrow	Shift + Left Arrow
选择文本插入光标右边的字符	Shift + Right Arrow	Shift + Right Arrow
向上选择一行文本	Shift + Up Arrow	Shift + Up Arrow
向下选择一行文本	Shift + Down Arrow	Shift + Down Arrow
选择文本插入光标左边的字	Shift + Ctrl + Left	Shift + Opt + Left
选择文本插入光标右边的字	Shift + Ctrl + Right	Shift + Opt + Right
向左选择一段文本	Shift + Ctrl + Up	Shift + Opt + Up
向右选择一段文本	Shift + Ctrl + Down	Shift + Opt + Down
选择文本插入光标与当前行行首之间的文本	Shift + Home	Cmd + Shift + Left Arrow
选择文本插入光标与当前行行尾之间的文本	Shift + End	Cmd + Shift + Right Arrow
选择文本插入光标与文档开头之间的文本	Shift + Ctrl + Home	Cmd + Shift + Up Arrow or Cmd + Shift + Fn + Left Arrow
选择文本插入光标与文档结尾之间的文本	Shift + Ctrl + End	Cmd + Shift + Down Arrow or Cmd + Shift + Fn + Right Arrow
向上选择一个文本框	Shift + Page Up	Shift + Fn + Up Arrow
向下选择一个文本框	Shift + Page Down	Shift + Fn + Down Arrow
全选文本	Ctrl + A	Cmd + A
查找文本	Ctrl + F	Cmd + F

文本排版
将所选文本设置为粗体	Ctrl + B	Cmd + B
将所选文本设置为斜体	Ctrl + I	Cmd + I
将所选文本加下划线	Ctrl + U	Cmd + U
将所选文本设置为上标	Ctrl + Shift + =	Cmd + Shift + =
将所选文本设置为下标	Ctrl + =	Cmd + =

文本编辑
删除文本插入光标左边的字符	Backspace	Backspace
删除文本插入光标右边的字符	Delete	Fn + Backspace
删除文本插入光标右边的字	Ctrl + Del	Cmd + Backspace
删除文本插入光标左边的字	Ctrl + Backspace	Cmd + Fn + Backspace
增加缩进量	Tab	Tab
减少缩进量	Shift + Tab	Shift + Tab
复制文本	Ctrl + C	Cmd + C
查找替换文本	Ctrl + H	Cmd + F
粘贴文本	Ctrl + V	Cmd + V
剪切文本	Ctrl + X	Cmd + X
重做文本	Ctrl + Y	Shift + Cmd + Z
撤销文本	Ctrl + Z	Cmd + Z

Web 浏览器

描述	Windows	Mac OS
Navigation
向下滚动框	Space or Page Down	Space or Fn + Down Arrow
向上滚动框	Shift + Space or Page Up	Shift + Space or Fn + Up Arrow
定位到页面底部	End	Cmd + Down Arrow
定位到页面头部	Home	Cmd + Up Arrow
回退	Alt + Left Arrow or Backspace	Cmd + Left Arrow
前进	Alt + Right Arrow or Shift + Backspace	Cmd + Right Arrow
刷新网页	F5	Cmd + R
刷新网页（无缓存）	Ctrl + F5	Cmd + Shift + R
停止	Esc	Esc
全屏切换	F11	Cmd + Shift + F
放大	Ctrl + +	Cmd + +
缩小	Ctrl + -	Cmd + -
重置 100% （默认）	Ctrl + 0	Cmd + 0
打开主页	Alt + Home	Option + Home or Option + Fn + Left Arrow
查找文本	Ctrl + F	Cmd + F

标签/窗口管理
打开一个新的标签页	Ctrl + T	Cmd + T
关闭当前标签页	Ctrl + W	Cmd + W
关闭所有标签页	Ctrl + Shift + W	Cmd + Q
关闭除当前标签页以外的其它标签页	Ctrl + Alt + F4	Cmd + Opt + W
定位到下一个标签页	Ctrl + Tab	Control + Tab or Cmd + Shift + Right Arrow
定位到上一个标签页	Ctrl + Shift + Tab	Shift + Control + Tab or Cmd + Shift + Left Arrow
定位到指定编号的标签页	Ctrl + 1-8	Cmd + 1-8
定位到最后一个标签页	Ctrl + 9	Cmd + 9
重新打开最后一个关闭的标签页	Ctrl + Shift + T	Cmd + Shift + T
打开一个新窗口	Ctrl + N	Cmd + N
关闭当前窗口	Alt + F4	Cmd + W
定位到下一个窗口	Alt + Tab	Cmd + Tab
定位到上一个窗口	Alt + Shift + Tab	Cmd + Shift + Tab
重新打开最后一个关闭的窗口	Ctrl + Shift + N
在背景的标签页中打开链接	Ctrl + Click	Cmd + Click
在前景的标签页中打开链接	Ctrl + Shift + Click	Cmd + Shift + Click
打印当前网页	Ctrl + P	Cmd + P
保存当前网页	Ctrl + S	Cmd + S

地址栏
在工具栏、搜索栏和页面元素间进行循环定位	Tab	Tab
定位到浏览器的地址栏	Ctrl + L or Alt + D	Cmd + L
聚焦并选中浏览器的搜索栏	Ctrl + E	Cmd + E / Cmd + K
在新的标签页打开地址栏位置	Alt + Enter	Opt + Enter
显示一系列之前访问过的地址	F4
在地址栏输入文本的开头增加"www."，结尾增加".com"。（比如，地址栏输入"baidu"，然后按下 Ctrl + Enter 键，即打开"www.baidu.com"。）	Ctrl + Enter	Cmd + Enter or Control + Enter

书签
打开书签菜单	Ctrl + B	Cmd + B
将当前页加为书签	Ctrl + D	Cmd + Opt + B or Cmd + Shift + B
打开浏览历史记录	Ctrl + H	Cmd + Shift + H or Cmd + Y
打开下载历史记录	Ctrl + J	Cmd + J or Cmd + Shift + J

屏幕截图

描述	Windows	Mac OS
将整个屏幕的截图保存为文件		Cmd + Shift + 3
复制整个屏幕的截图到剪贴板	PrtScr (Print Screen) or Ctrl + PrtScr	Cmd + Ctrl + Shift + 3
将窗口截图保存为文件		Cmd + Shift + 4, then Space
复制窗口截图到剪贴板	Alt + PrtScr	Cmd + Ctrl + Shift + 4, then Space
复制选定区域截图到剪贴板		Cmd + Ctrl + Shift + 4
将选定区域截图保存为文件		Cmd + Shift + 4