欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML5基本结构

程序员文章站 2022-05-11 09:06:09
...

HTML5的基本结构

※下面这段代码是HTML5的基本结构

<!doctype>
<html>
 <head>
  <meta charset="utf-8" /> 
  <title>网</title>  
 </head>
 <body>
 </body>
 
 </html> 

※<!doctype>
<!doctype>这个是HTML5的文档说明,声明当前网页是按照HTML5编写的。HTML4和XHTML等的文档说明都和HTML5不一样,它们两个的文档说明比较冗长,有兴趣了解的可以在百度上查一下他们的文档说明。编写的时候一定要把文档说明写在文档说明的最上边。如果没有文档说明,浏览器会进入怪异模式(浏览器无法正常显示)。
※尖括号html尖括号 尖括号/html尖括号
这是一个网页的根标签,一个网页中只能有一个根标签。他是网页的开始和结束的标志,所有源代码必须写在根标签内部。
※尖括号head尖括号 尖括号/head尖括号
这个标签不会显示在页面之上,他是浏览器用来解析页面的工具。
※尖括号meta charset=“utf-8” /尖括号
首先我们先了解一下编码和解码,编码和解码这两个过程必须使用同一类编码字符集:比如用ASCII编码的必须使用ASCII来解码,同样的其他的编码字符集也是一样的。如果编码字符集不一样就会出现乱码。
上面的这个尖括号meta charset=“utf-8” /尖括号 标签就是来告诉浏览器,这个使用“UTF-8”来编写的,"UTF-8"是一个通用的编码字符集俗称“万国码”,从字面就可以知道它包含了多国的语言。
※ 尖括号title尖括号 尖括号/title 尖括号
这个就是网页的标题

HTML5基本结构
※尖括号body尖括号 尖括号/body尖括号
在这个标签内部包含的就是网页的主体部分,我们所看到的网页的内容都是在body中的内容。

这些就是HTML5的基本结构,在用HTML5编写代码的时候这些都是必不可少的,必须熟练掌握。