HTML5的代码标准格式是什么

HTML5的代码标准格式是什么,第1张

你想问的应该是,在搭建一个HTML文件时,基本的文件结构是什么样子吧?

标准的HTML文件由“文档声明、文件头、文件体”组成。

对于HTML5,文档声明也应该采取HTML5.0的声明方式,具体代码如下:

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>HTML5学堂(码匠) & 言成科技 联合出品</title>

<meta name="viewport" content="width=device-width,user-scalable=no">

<link rel="stylesheet" href="../css/reset.css">

</head>

<body>

<div>具体内容</div>

</body>

</html>

在html标签当中包含head标签和body标签两种,而head标签表示的是文件头,body标签表示文件体,文件头当中需要包含“字符编码”(head标签中的第一行)、“标题”(title标签)、“其他元信息”(除了字符编码外的其他meta),而文件体当中书写的具体代码就是在网页当中会显示的内容。

此外,在文件头部或文件体当中还可以使用link标签引入CSS文件,或者使用script标签引入JS文件。

关于文档声明,在传统的HTML4当中,有另外三种声明方法,请详见《文档声明 DOCTYPE常见的文档类型》

首先纠正一下,你这个是 css 不是 html

.portfolio .label-text{

}

这里的意思是给:类名选择器为 portfolio 的后代的所有 类名选择器为 label-text 的标签设置样式。

里面的样式解析:

position:relative是相对定位的意思,如果它的子级元素设置了 position: absolute

则为子级元素根据当前元素来进行定位,如果子级元素没有设置 position: absolute则为当前元素相对于自身进行定位。

z-index:500这个样式为元素设置堆叠顺序。例如你有几本书,叠着放在桌子上,你一样只能看见最上面的那本,但是你想放那本在最上面呢? 通过 z-index 就可以设置元素在最上面。

padding:5px 8pxpadding的作用就是设置内边距(也叫内补)第一个参数为设置上和下的内边距分别为 5px , 第二个参数为设置 左 和 右 的内边距分别为 8px;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7303222.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存