一个html文件就是一个<span>网页</span>，html文件用编辑器打开显示的是文本，可以用文本的方 式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网 页可以从一个网页链接跳转到另外一个网页。H5的交互比H4强很多，而且消灭了flash，安卓，苹果的简单应用开发。
- HTML5文档结构 （选用escipse的快捷键：ctrl+shift+/ 添加注释）
在页面按F12，打开页面调试的控制台，点击“Elements”，可以看见HTML5的源代码，
<!--告诉浏览器，劳资是一个HTML页面-->
<!DOCTYPE html>
<!--根标签，你当然不会指望使用非english语言进行编程咯-->
<html lang="en">
<!--头部，非页面正文，用于记录一些额外的信息-->
<head>
<!--元信息，字符集，通常就是UTF-8-->
<meta charset="UTF-8">
<!--页面标题，会显示在浏览器顶端的标签中-->
<title>文档结构说明</title>
</head>
<!--页面正文-->
<body>
<!--这里是注释：我来啦！师姐你好！当然师姐是看不到的~-->
<h1>DUANG！Hello World！</h1>
</body>
</html>- HTML5标题和段落
@标题:表示方式:h1~h6（h1最大）
<!--六级不同的标题，h1~h6之间，字体逐渐减小，标题会独占一行-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6> @分割线：<hr>
@段落：<p> </p>
@换行：<br>
注意：排版要用<br>，空格是没用的
@大于号：>；
@小于号：<；
@空格： ；
- HTML5 DIV块 VS 语义标签
@DIV：（divide division）称作“块”，div没有任何语义，其作用是在排版上将不同内容整理在不同的块中。是独占一行的。
@<p> </p>：段落是有语义的。
@<strong>：语义标签，代表强调，会引起搜索引擎的重视。SEO SearchEngineOpimization 搜索引擎优化。
@<b> </b>：b标签代表样式加粗，视觉效果与strong一模一样，然而对于搜索引擎的重要性远小于strong。
@<em> </em>：em代表语义加强(emphasize)，比strong要弱很多，其样式为斜体。
@<span> </span>：span没有任何语义，其作用是将比div更小的局部内容整理起来，以便加入样式或互动。
@<i> </i>：i标签代表倾斜。
扫一扫
1307
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
