有责任有担当,成熟稳定!
HTML基本结构
基本骨架
HTML文件最基本的四个标签,组成了网页的基本骨架,包括:、、
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
标签
定义HTML文件的根元素,表示整个的HTML文档,所有的标签要书写在标签内部。
标签
用于存放
在标签中我们必须要设置的标签是title
作用1:让页面拥有一个属于直接的标题。
作用2:title中的关键字可以作为搜索引擎抓取的关键字,提高SEO搜索引擎优化
作用3:内部的内容会显示在搜索结果的标题部分
作用4:作为浏览器收藏夹默认的网页标题
建议网页必须添加title标签内部内容,内容尽量精简,提取网页的关键字
标签
作用:定义网页的主体部分,用于存放所有的HTML显示内容的标签
DTD
完整的HTML文件的第一行内容叫做文档定义类型,英文DocType Definition,简称DTD。也称作文档声明类型,DocType Declaration
告知浏览器该网页使用的是哪个版本的HTML规范,让浏览器按照对应版本的HTML语法进行解析页面
命名空间
元素表示整个网页文档,在开始标签上设置了命名空间xmlns属性语言
xml:lang="en"和lang=“en” 表示所有的标签元素内容的语言都是英语,对搜索引擎和浏览器是有帮助的
lang=“zh-cn” 表示中文(中国)
HTML5版本
常用字符集编码 国际通用字库UTF-8: 以字节为单位对Unicode万国码进行编码,涵盖了所有人类的语言文字,一个汉字为3个字节大小
中文国标字库
gb2312: 共收入汉族6763个和包括拉丁字母、希腊字母、日文、俄语西里尔字母在内的682个
gbk: 是gb2312的扩展,增加了繁体字,共收入21886个汉字和图形符号,其中汉字21003个,图形符号883个,一个汉字为2个字节大小
字符集常见问题
使用情况建议
如果没有网页加载速度要求,或者制作的是外文网站,使用utf-8
如果含有大量中文汉字的网站,而且要求网页加载速度快,使用gbk
注意:标签声明的字库,必须和编辑器软件默认编译字库相同,否则会出现字库不匹配,浏览器加载是出现乱码
HTML常用标签
注释
在源代码中添加描述性提示信息,便于我们阅读代码
对于HTML纠错也大有帮助,可以通过注释某一行HTML代码,以便检索错误的位置
暂时注释掉一部分不用的代码,便于后期恢复代码
注释只在源代码中可见,在浏览器窗口是不显示的
标题标签
标题,是通过
-
六个标签分别来对六个级别的标题进行定义的
定义最大的标题,
定义最小的标题
-
标签都是双标签,且是容器级标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6