HTML5是对以前版本的HTML及XHTML的妥协,在无法完美规范HTML规则的情况下采取的折中方法,对之前任何版本的HTML都最大可能性的兼容,所以学习起来并不像学习一门新语言一样费劲。
HTML5最基本的代码格式如下:
<html>
<head>
<meta charset="utf-8">
<title>HELLO</title>
<style> </style>
</head>
<body>
<p>HELLO WORLD</p>
</body>
</html>
1.基本元素有:
<!--...--> : 定义HTML注释;
<html>: HTML5文档的根元素;
<head>:HTML5文档的页面头部分;
<title>:HTML5文档的页面标题;
<body>:HTML5文档的页面主体部分;
<p>:定义段落;
<br>:换行;
<hr>:下划线;
<div>:定义文档中的节;
<span>:与<div>相似,<span>包含的内容默认不换行。
2.文本格式相关元素:
<b>,<i>,<em>,<strong>:分别定义文本的粗体,斜体,强调文本和粗体文本;
<sup>,<sub>:分别定义上标文本和下标文本;
<bdo>:定义文本显示的方向,rtl为从右向左,ltr为从左向右。
3.语义相关元素:
<abbr>:表示一个缩写;
<address>:表示一个地址;
<blockquote>:定义一段长的引用文本;
<q>:定义一段短的引用文本;
<cite>:用于表示作品的标题;
<code>:表示一段计算机代码;
<pre>:预定义文本;
<del>:定义文档中被删除的文本;
<ins>:定义文档中插入的文本;
<var>:表示一个变量.
4.重点:<a>用于添加超链接和锚点
<href>:指定了超链接所链接的另一个资源;
<hreflang>:指定超链接所链接的文档所使用的语言;
<target>:有四个可取值,_self、_blank、_top、_parent分别代表在自身,新窗口,顶层框架和父框架来装载新资源;
<download>:指定用户下载目标链接所指向的资源。
5.<img>:
<src>:指定文件所在位置;
<alt>:指定一段文字,作为该图片的提示信息;
<height>,<width>:指定图片的长和宽;
<map>:定义图片映射;
<area>:定义图片映射的内部区域,包括shape,coords,herf,alt,target等属性;