shaoshuai888

Html骨架、基本语法

万丈高楼平地起,勿贪快,脚踏实地,才能仰望星空

一.HTML骨架

标准骨架

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta httpequiv="ContentType"content="text/htmlcharset=UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

 二.文档声明头

　　任何一个标准的HTML页面,第一行一定是一个以

<!DOCTYPE ……

 　　开头的语句

　　这一行,就是文档声明头,DocType Declaration,此标签可告知浏览器文档使用哪种HTML或者XHTML规范

　　HTML5中极大简化了DTD:

<!DOCTYPE html>    //HTML5中统一使用声明文档

 三.字符集

<meta charset="UTF-8">

 字符集用meta标签定义,meta表示"元 ","元"配置,就是表示基本的配置项目

　　charset 就是 charctor "字符集"的意思

中文HTML网页中可以使用两种字符集:

　　第一种:UTF-8常用,   UFT-8字符集比较大(常用,国际通用)

　　　　<meta charset="UTF-8">

　　第二种:gb2312　　字符集比较小,更加优化网页加载速度,(腾讯就是使用这个字符集)

　　　　<meta content="text/html; charset=gb2312" http-equiv="Content-Type">

　　两种字库规模:　　UTF-8（字全） > gb2312（只有汉字）

　　html文档中出现乱码多半是字符集问题:

　　　　meta标签可以声明的当前文档的字库,但是一定要和保存的类型一样,否则会出现乱码

　　 　　sublime中设置保存类型:File -> set File Encoding to -> Chinese Simplified

四.关键字和页面描述

　　meta除了可以设置字符集,还可以设置关键字和页面描述

<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、
搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。
" />

 

<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

 　　只要谁知的Description页面,百度搜索meta标签中的关键字,就会显示这些语句(搜索引擎优化)

　　title标签:

<title>网页的标题</title>

 　　title标签也是有助于SEO优化的,title标签中的内容在浏览器窗口里面显示

 

 

　　

　　

 

posted on 2018-09-04 19:24  shaoshuai888  阅读(293)  评论(0)  编辑  收藏  举报

导航