Html的全称是Hypertext Markup Language 超文本标记语言,我们在网页中看到的所有的界面最基础的架构就是Html.
一、文档结构简介
声明必须是 HTML 文档的第一行,位于文档所有的标签之前。 文档的根标签,Html文档开始和结束的的标志。 是告诉搜索引擎爬虫,我们的网站是关于什么内容的 en 代表是英文,zh 是中文,做优化时应该考虑。 里面放的是字符编码、关键字、css样式链接、文档标题、是否启用移动设备适配模式等一些浏览器的基本设置,里面书写的内容不会在页面中显示,只供浏览器读取。以下几个标签都放在head标签里:
1、设置Html的文档编码字符集,即让浏览器知道应该用什么编码格式来解析我的文档内容才能不乱码,常用的有gb2312 中国编码字符集(简体中文) gbk(gb2312+繁体、中文繁体) unicode 是万国码,包括了所有国家的语言例如: uft-8 ,现在已经发展为utf-16;一般我们都设置浏览器的解析字符集万国码;
2、
3、外部css文件的链接。
4、 <link rel=“icon” href="链接地址>展示网站的图标,例如百度的图标:
5、
以上两个标签主要是为了迎合搜索引擎的喜好,从而提高网站的排名和曝光率(知名度),seo优化的必须。
6、开启移动设备适配,即根据不同的移动设备显示不同的宽度。
浏览器页面内容开始和结束的标志,里面书写的所有除标签以外的内容都会展现在浏览器的页面内容中。以下都是在body标签中书写的标签:
1、
段落标签,让内容成段展示2、标题标签,成段展示,独占一行,加粗字体,改变字体大小(从 1 到 6 依次减小)
, , , , ,3、加粗 斜体
例即加粗又斜体,写成嵌套功能(标签之间可以相互嵌套) 又加粗又斜体
4、这是一个中划线,
5、
独占一行,块级元素不独占一行,内联元素
注:div 和 span 这两个标签是为了成块展示,规格化,这两个就是容器。
功能如下:
1:分块明确,让整个文档页面更加结构化,更利于维护 2:捆绑操作的作用,就像比较大一点的搬书架一样,书零散了不好拿,但是使用搬书架就可以轻松的解决。
坚持的第一天,明天继续加油!!!