风吹来了 发表于 2020-4-6 08:32:56

【HTML5】第七期

本帖最后由 风吹来了 于 2020-4-6 09:20 编辑

今天原本还准备睡个懒觉的,结果生物钟自己就醒了,唉,也不知道是好还是坏,不过精神倒是还不错。

复习单词吧先,shadow,border,content,忘了的话可以去上一期的最后看一下,或者直接百度。

今天主要就说一下字符集和语言。

<meta charset="utf-8">

有的朋友可能在head标签包裹的内容中见过这个,那么这个代表什么呢?

这个代表你所写的HTML文档所用的编码格式,现在应用最广泛的就是utf-8,但并不只有这一种编码格式,有兴趣的朋友可以去百度搜索一下这方面的内容。

所以我们现在的话,你只需要记住在head标签包裹中的内容里面加上这个就行了。现在你可以想象该怎么加,然后跟下面的对比一下是否正确。




<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>这是个元气满满的标题</title>
</head>
<body>
       <h1>有点懒了</h1>
       <p>确实是懒了</p>
</body>
</html>

然后接下来说一下语言:

<html lang="zh-CN">

lang属性,我们前几期学过一个单词,language,语言,lang就是它的缩写。

而zh-CN,则代表简体中文,en就代表英语。

当然,其实我们国内的大部分网站建设时都没有写这个玩意儿,这个主要还是让浏览器知道你这个页面具体所用的是什么语言,例如你设置了“en",那么就和你的浏览器的默认语言相冲突了(毕竟我们大部分人的默认语言都是简体中文),然后浏览器就会提醒你是否要将整个网页翻译成中文。

又假如你把lang属性的值设置为”zh-CN“,那么如果是国外的话(毕竟国外的默认语言的话一般都是默认英语),他的浏览器就会提醒是否将整个页面翻译成英文。将它插入整个html中的话是什么样子呢,想一想再看下面的:


<!DOCTYPE html>
<html lang="zh-CN">
<head>
        <meta charset="utf-8">
        <title>这是个元气满满的标题</title>
</head>
<body>
       <h1>有点懒了</h1>
       <p>确实是懒了</p>
</body>
</html>

继续记单词吧:

async:异步
defer:延迟
text-indent:首行缩进
页: [1]
查看完整版本: 【HTML5】第七期