HTML5的实体&meta标签&语义化标签&块和行内

1.实体


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实体title>
head>
<body>
    
    
    <p>
        空       格
    p> 
    <p>  
    p>
    <p> 
        a<b>c
    p>
    <p> 
    a<b>c
    p>
body>
html>

展示:
HTML5的实体&meta标签&语义化标签&块和行内_第1张图片

2.meta标签

<head>
    <meta charset="UTF-8">
    
    <title>metatitle>
    <meta name="keywords" content="HTML,前端,CSS3">
    <meta name="description" content="描述">
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com/">
    
head>

3.语义化标签(1)


<html lang="en">
<head>
    <meta charset="UTF-8">
head>
<body>
    
    <h1>一级标题h1>
    
    <hgroup>
        <h1>大大大 h1>
        <h2>小小小 h2>
    hgroup>
     
        <p>段落p>
    
    你说:
    <blockquote>
        啥?
    blockquote>
    
    你说<q>q>
    
    <p><em>你真棒!em>p>
    
    <p><strong>你真棒!strong>p>
    <br>
body>
html>

展示:
HTML5的实体&meta标签&语义化标签&块和行内_第2张图片
4.语义化标签(2)
块元素:网页中,通过块元素进行布局
行内元素:包裹文字
一般在块元素中放行内元素,而不会在行内元素总放块元素
p元素中不能放任何的块元素
浏览器在解析网页时,会自动对不符合规范的内容进行修正(不是在代码里修正)

<body>
    
     
     <header>header>
     <main>main>
     <footer>footer>
     <nav>nav>
     <aside>aside>
     <article>article>
     <section>section>
body>

上述的不常用,现在还是主要用
div:没有语义,表示一个区块
span:行内元素,用于网页中选中文字

你可能感兴趣的:(HTML5的实体&meta标签&语义化标签&块和行内)