HTML5学习(一) 初始网页

最新推荐文章于 2024-04-15 16:46:25 发布

萧紫陌

最新推荐文章于 2024-04-15 16:46:25 发布

阅读量968

点赞数 2

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/zhangxxxq/article/details/69845366

版权

前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

既然已经开始了第一篇，那就一发不可收拾吧，找出了当时存了草稿的文章，修修改改，打算不能浪费掉。
作为一名Android开发者，其实很久以前就接触并且学习过html5，当时学习了一些标签以及样式，本笔记是后来在网易云课堂上面想要深入学习，观看极客江南的视频时所记录的。当然如果记录有误，纯属上课没有认真听……

编写网页的步骤：
1.新建文本文档，利用记事本打开
2.编写HTML代码
3.保存并修改纯文本文档的扩展名为.html
4.利用浏览器打开编写好的文件
注意点：文件不能以中文名命名

HTML格式：

<html > <!--用于告诉浏览器这是一个网页      注意：所有的标签都必须在html标签内-->
<head>
    <title>Title</title>
</head>
<body>

</body>
</html>

head标签作用：
     用于网站添加配置信息（标题，小图标）
     添加网站的SEO相关信息（指定网站的关键字/指定网站的描述信息）
     外挂一些外部的css/js文件
     添加一些浏览器适配相关的内容
     注意点：一般情况下，head标签内部的内容不会显示给用户查看
 title：用来保存网页的标题
 body：专门用于定义HTML中需要显示给用户查看的内容（文字、图片、视频）    
       注意：虽有时写在其它地方也能显示，但是**禁止**，
       一对HTML标签只能有一对body标签。
 字符集问题：
   <meta/>标签的作用就是指定网页的字符集。
   <meta charset="GBK"/>：指定字符集为GBK
   注意点：在HTML文件中指定的字符集必须和保存这个文件的字符集一致，否则会乱码。
标签的分类：
   单标签：只有开始没有结束标签<  />
   双标签：有开始和结束标签<   ></  >
DTD文档声明：
   由于HTML有很多个版本规范，每个之间有很多差异，为了正确渲染，则在第一行声明。
   HTML5的DTD声明：<!DOCTYPE html>
   注意点：
     1：任何一个标准的HTML网页，第一行一定是DTD声明。
     2：不区分大小写
     3：不是一个标签
     4：虽作用为告诉浏览器版本标准，但浏览器并不会完全依赖DTD

到底把这篇当时认为太过基础，好像也并无卵用的博客从草稿箱里面放了出来，放弃了是否基础是否有人写的更好的执念。到底作为一点一点写下来的笔记，要学会自己珍惜，恩……没毛病。