产品下载

快速编写网站基础结构
在前面的网站建设教程中,我们学习了如何编写HTML、引入CSS以及JS,如果想要从头开始编写一个网站,应该从哪里入手呢?

在这篇文章中,让我们从最基本的代码入手,用代码快速编写一个最典型简单的网站基础结构。 

1、DOCTYPE

DOCTYPE是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义来解析文档。
在以往的HTML版本中,文档类型声明内容比较繁琐,而在HTML5标准出台之后,这个声明变得相当简单,写法如下:
<!DOCTYPE html>

2、html

这是声明创建一个超文本标记语言文档的标签,在这个标签中,我们可以通过对语言的设置从而更利于SEO搜索引擎优化以及浏览器的友好度。
在HTML5标准中,我们可以通过简单的代码对中文网站进行声明,写法如下:
<html lang="zh">

3、head

在head标签中设定的一些属性和信息不会在页面中显示出来,但是它们往往对网页的性质做了详细的定义与阐述。
例如页面的标题(title)、关键词(keywords)、描述(description)、字符集编码(charset)以及CSS与JS的引入等。
在HTML5标准下,一个典型的head写法如下:
<head>
<title>佚站互联</title>
<meta charset="utf-8">
<meta name="keywords" content="杭州网站建设">
<meta name="description" content="佚站互联是一家专注于网站建设的专业团队">
<link rel="stylesheet" href="/ui/css/zan.css" type="text/css">
<script src="/ui/js/zan.js"></script>
</head>
<base href="http://www.yeahzan.com/">

4、body

在body标签中书写的代码就是真正显示在页面中的内容了,整个页面的结构都在body标签中进行架设。
在HTML5的标准之下,我们常常会用到<header>标签、<nav>标签、<section>标签、<footer>标签以及<div>标签等。

Copyright © 2013-2018  方配软件(FangPage.Com)  Rights  Reserved.

QQ:12677206,手机:13481092810,Email:12677206@qq.com,QQ交流群:17672212

在线技术支持:点击这里给我发消息