1.<!DOCTYPE>
0.DOCTYPE 写在第一行;
1.DOCTYPE 不是 HTML 标签;
2.DOCTYPE 是告诉浏览器该界面是用哪儿个 HTML 版本进行编写的;
3.浏览器根据 HTML 的版本来正确的显示内容.
4.HTML 5 的书写格式为: <!DOCTYPE html>
2.HTML 的注释
1.<!-- 注释内容 -->
2.快捷键: Command + /
3.HTML 代码结构
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body></body>
</html>
head 标签包含网页标题,描述,关键词,引用的样式文件,引用的脚本文件等.这里的内容在网页上面是无法直观看到的.
body 标签包含网页所有显示的内容,引用的脚本文件等.这里的内容是展示出来可以看到的.
4.title 标签 <title></title>
网页的标题,会显示在网页的标题栏中.是 head 标签内唯一要求必须写的内容.
<title>这里是标题</title>
5.link 标签 <link/>
link 标签是定义文档与外部资源的关系,比如:链接样式表,引入样式文件等.
1.link 标签不是成对出现的;
2.link 标签只能置于 head 标签内.
link 标签常用的属性有:
1.href : 被链接文档的地址;
2.rel : 当前文档与被链接文档的关系;
3.type : 规定被链接文档的类型;
4.media : 被链接的文档显示在什么设备上.
栗子:
<link rel="stylesheet" type="text/css" href="https://aCssFile.css" />
6.设置网页地址栏小图标
方法一:将图片命名为: favicon.ico,然后放到网站的根目录下;
方法二:放在 head 内,使用 link 标签引入.具体如下:
<link rel="shortcut icon" href="图片网址" type="image/x-icon">
7.base 标签 <base/>
base 标签和link 标签一样,也必须置于 head 标签内. base 标签有两种属性:
1.href : 定义默认链接地址,当没有设置链接时,默认采用这个链接.
当设置相对路径链接时,会和默认链接进行拼接,可理解为 iOS 开发中的BASE_URL.
但如果设置的链接是一个绝对路径(http:开头),那么则不会进行拼接.
2.target : 定义默认打开链接的方式.
栗子:
<base href="http://www.baidu.com/" />
<base target="_blank" /> <!--在新的标签页打开-->
<body>
<a href="news">news</a> //进入http://www.baidu.com/news
<a href="http://jd.com">jd.com</a> //进入 http://jd.com
</body>
8.meta 标签 <meta/>
meta 标签也必须置于 head标签内
meta 标签用于提供有关页面的元信息,其属性定义了与文档相关联的名称/值对.
meta 属性分为名称属性和值属性,这两个都是必需的.
名称属性包括:(三选一)
1.http-equiv:把 content 属性关联到 HTTP 头部;
2.name:把 content 属性关联到一个名称;
3.scheme:定义用于翻译 content属性值的格式
值属性只有 content 一个.
栗子:
<meta http-equiv="expires" content="31 Dec 2015"> //此时 http 头部会包含expires:31 Dec 2015
网友评论