首页 > 其他分享 >语义化标签

语义化标签

时间:2022-11-25 17:24:48浏览次数:38  
标签:表示 行内 网页 h1 标签 元素 语义

❤️ <meta> (写在head里边)

自结束标签表示元数据,元数据是网页与生俱来的,不是给用户看的,

​ 1

charset

指定网页的字符集

(❁´◡`❁)image-20221117202848455意思就是我设置的元数据,这个元数据的名字叫做 keywords,而他的值是HTML,前端,css 3

keywords表示网页的关键字,可以同时指定多个该关键字,每个关机子用逗号隔开

​ 2

name

指定数据的名称

​ 3

content

指定数据的内容

http-equiv

将页面重定向到另一个网站

<meta http-equiv='refresh' content='3';url="https//www.baidu .com">

代码解释:3秒后跳转到https//www.baidu .com此网址

实体

在网页中编写多个空格会自动解析为一个空格 HTML中不知直接书写特殊符号如:多个空格,字母两侧的大于号小于号

如果需要在网页中书写这些特殊字符则需要使用HTML中的实体 (转义字符)

实体语法

&nbsp; 空格

&gt; >

&lt; <

&copy; 版权符号

标题标签

h1~h6 一共六级标题

从h1~h6重要性递减,h1最重要,在网页中仅次于title标签,一般情况下一个页面只有一个h1

h1~h3最常用

在页面中独占一行的叫做块元素(block element)

hgroup标签

用来对标题进行分组,可以将一组相关的标题同时放入到hgroup

em标签

用来表示语音语调的加重

今天天气<em></em>不错

在页面不会独占一行的行内元素(inline element)

strong标签

表示强调,重要内容

blockquote标签

表示块引用,一种块元素,有一种缩进的效果,会换行(引用的内容比较多)

q标签 行内元素不会独占一行(引用内容比较短)

br标签

表示强制换行

行内元素 (inline element)

行内元素主要用来包裹文字

块元素(block element)

在网页中一般通过块元素对网页进行布局

____一般情况下会在块元素内放行内元素,而不会在行内元素中放块元素

____ p元素中不能放任何块元素

浏览器解析网页时候会对不符合规范的内容进行修正

比如:

标签写在了根元素的外 , 元素中嵌套了块元素 , 根元素中出现了除body和head之外的子元素

布局标签 (结构化语义标签 )

header 表示网页的头部

main 表示网页主体,一个网页只有一个main 表标签

footer 表示网页的底部

nav 表示网页的导航

aside 表示和我们主体相关的其他内容(侧边栏)image-20221119102825801

右侧就算是一些无关的内容(侧边栏)

artical 独立的文章,artical里边可以有artical

section表示一个独立的区块,上边的标签都不能表示时可以使用此标签

div 没有语义用来表示区块,目前来说div是我们 主要的布局元素

span 行内元素,没有任何语义一般用于在网页中选中文字

标签:表示,行内,网页,h1,标签,元素,语义
From: https://www.cnblogs.com/dajiang001/p/16925771.html

相关文章