HTML5初学几天的一些思考与心得

最新推荐文章于 2021-10-14 08:30:00 发布

qq_50550989

最新推荐文章于 2021-10-14 08:30:00 发布

阅读量267

点赞数 1

分类专栏：入门类文章标签： html5

本文链接：https://blog.csdn.net/qq_50550989/article/details/111768361

版权

入门类专栏收录该内容

3 篇文章

订阅专栏

HTML5初学几天的一些思考与心得

刚学了html的一些入门框架，对其中的视口定义以及文档结构的定义有如下想法：首先附上实例代码，首先是视口：

<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
<title>设置文档视口</title>
<meta name = "viewpoint" content = "width = device-width",initial-scale=1；maximum-scale=1;user-scalable=no;>
</head>
<div>
<body>
<p>width=device-width 将layout viewpoint(布局视图)的宽度设置为理想视图的宽度
<p>,initial-scale=1 将layout viewpoint(布局视图)的宽度设置为理想视图的宽度
</body>
</div>
</html>

在其中，我认为做为一个初学者，能不省略的东西就不省略，能规范的地方就规范.比如上述的一些格式符的省略，如head html以及body，还有规范写法的type和charset以及div，！DOCTYPE HTML语句虽然大多数情况下写不写差别不大，但通过查阅网上资料，大佬们都建议写上来，更多的是从开始就培养规范的编码习惯.charset=utf-8语句，不写的话则打开的网页可能会出现乱码，还是写上为好.而div语句虽然在此没什么实质性的用处，但如果以后再此基础上需要实现新的功能的话还是能派上用场的.除此之外，对于网页宽度的定义，还有initial-scale=1；maximum-scale=1;user-scalable=no;这三个语句联合实现不允许更改视口大小，这种定义方式是之前闻所未闻的，拓宽了我的视野.

第二个是文档结构的定义：同样先附上实例代码：

<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
<title>一个简单的文档包含内容</title>
</head>
<body>
<h1>我的第一个网页文档</h1>
<p>HTML文档必须包含三个部分</p>
<u1>
<li>html-网页包含框</li>
<li>head-头部区域</li>
<li>body-主体内容</li>
</u1>
</body>
</html>

这段代码让我真正感受到了一个小小的网页，里面的层次分明也是明显的.首先定义了网页的标签，然后通过h1再定义了网页的标题，p类定义了一个小段落文本，再通过u1和li定义出了下一层的信息列表，真是环环相扣！顺便说一句，如果u1中间的代码更改一下,只留下开头和结尾的两个 < li >,即如下所示，

<li>html-网页包含框
head-头部区域
body-主体内容</li>

则三行文本将会在同一行中呈现，切不可偷工减料.
总结一下，刚开始学html5，给我最深的感触就是一定要规范编码，学会规范的编码方式就是我们成功的开始