温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
我们来看一下标签的语义化,那语义化是什么意思啊,简单理解为就是指的标签的含义,你这个标签最主要是做什么事情的?那我们语义化的目的主要做什么呢?哎,就根据我们标签的语义啊,在合适的地方放一个作为合理的标签,是让我们的结构呢显得更加的清晰,这就是我们要语义化的目的了。那比如说我给你举个简单例子,我们打开我们这个啊,我们看上加S再保存一份,今天是我们第五个了啊零五杠啊,我们叫做我们的语义化标签,点HT码看好吗?诶做完它输入什么呢?叹号走一杠,哎,Ta拨键生成骨架,用完之后呢,我这呢有一篇文章,哎,我们CTRL加a ctrl加C复制一份到这里面去,CTRL加V粘贴一下,我这呢,复制这么一大文章,保存一下,右键给我来看一看啊,打开一看,这个文章还能看吗。是不是根本就看不了了,哎一坨一坨的在一起,哎怎么看起来怎么别扭,怎么看,那我们想呢,这个结构是什么样子,我们一眼看上去是不是分不清呀?好,在这里面的话呢,我给你分一分,你来看一看好吧,那么怎么来分呢?哎,这个是一个标题,那我就放一个我们的标题标签好了,在这里面的话呢,你还没有学,不要紧,我只是给你来演示,你看我给你写完之后,你现在觉得比刚才的清晰。
01:17
多了吗?哎,好,再来一个啊,等等,我呢给一个H3好,在这你们去杠加V-H3 H是标题啊,一级标题和三级标题的意思非常好理解,H3,那还有一个呢,这个呢,我也给它走一个啊,H3好,这是一个品评,那么还有一个呢,我们是有一个注释在这里呢,好再走一个啊好是三好同家给整一个好,我就给你加了几个标题标签,加完之后呢,同学们再给来对比一下啊,我另外再启动了一个窗口,再打开一看,诶你会发现这两个一对比,你是不是能对比出来了,这个呢是没有语义的,里面呢都撑在一起了,没有语义,而我第二个呢,我在合适的地方放了一个合适的标签,根据语义,这是一个一级标题,这几个呢,都是一个三级标题,那你看我这个结构与划分比刚才是不是清晰多了呀,那这个就是我们说了标签语义化的目的是不是就是让的结构显得更清晰呀,那你觉得结构重要吗?是不是很重要的呀?哎,当然它的优点呢有很多。
02:17
啊,方便阅读,那起码看起来是比较舒服啦和维护,再有一个呢,对搜索引擎会比较好一些,哎,这个呢,咱们后面再解释就行了,所以你就知道哦,原来标签语义化是非常重要的,根据标签的含义,在合适的地方放合适的标签就好了,那你跟我来看一看,那这是一篇文章,你看习近平两会点亮新时代,这是放一个大标题呀,那这儿呢,我要分享可以点击,是不是要放一个链接呀,你看这儿有个央视网消息,它比别的字呢都要加粗一些。所以说后面呢,我们会学一个叫加粗的一些标签,那下面这些不同的段落是不是我们分段就行了哦,也就是说根据它们的用途不同,含义不同,我们就根据不同的标签是不是给他们放上去就可以了,那你你写的语义到底好不好呢?就去掉CS之后呢,结构样式依然组织有效,那就就非常好了,这就是我们说的,那么我们要以后呢,遵循这一个原则,我们先确定雨衣的H码啊,再选择合适的CSS,也说咱们以后做像我这个样子说不是说上来就写样式的,不是上来写CSS,而是呢,像我这样先把结构搭出来,先根据我们的语义,该放标题放标题,该放段落放段落,把它们搭好了之后再去写什么呀,我们的CSS,这是我们的步骤啊,所以说呢,接下来我们马上就进入我们的HTML标签了,那根据我们的语义啊,所以说大家在学标签的时候呢,一定根据语义,就是根据这个标签,这到底是干嘛的呀?这是个标题,OK,那我需要用的标题,那你放标题就行了,而这需要一个段落,那我放到我就用一个段落标签,所以说呢。
03:45
这个就是我们说的这个标签的语义化,简单一总结,是不是就是什么呀,在合根据标签的语义啊,它的意思到底干嘛的呀?哎,在合适地方放一个合适的标签,那么可以让我们结构显得更加的清晰,更加的明了。
我来说两句