什么是实体，块和行内以及语义化标签

翘指

于 2022-10-06 18:50:41 发布

阅读量598

点赞数

本文链接：https://blog.csdn.net/m0_65334415/article/details/127069149

版权

html 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

实体：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实体</title>
</head>
<body>
    <p>今天             天气真不错！</p>
    <!--在网页中编写的多个空格默认情况下会自动被浏览器解析为一个空格
    ，因为我们在写代码的时候经常会用缩进，空格，换行等来格式化我们的
代码，使我们的代码看上起看美观，如果浏览器一比一还原我们的空格的话，用于美化
的空格和真正要使用的空格就会重复，所以默认情况下会自动被浏览器解析为一个空格-->

    <p>
        
        
        a<b>c</b>
    <!--本意是要去写A小于B大于c的，但是<b>标签又是字体加粗的标签，所以这样就会混淆了，
        这时候我们就要用上转义字符了，既然这样的表达方式不行，那么我们就换另一种表达方式，
    只要最后展现出来的效果是一样的就可以了，比如我们要送女朋友一个钻石，我们本意是要表达心意，
可是钻石又太贵了，，买完你就吃不起饭了，所以换一种表达方式，送玫瑰花，这样我们也把心意表达出去了
，这里玫瑰花就相当于是钻石的实体，也就是转义字符-->
     </p>
    </body>
</html>

在HTML中有些时候，我们不能直接书写一些特殊符号

比如：多个连续的空格，比如字母两侧的大于和小于号
如果我们需要在网页中书写这些特殊的符号

则需要使用html中得到实体（转义字符）

实体的语法：

&实体的名字；

 空格
> 大于号
<小于号
©版权符号-

meta标签

charset 指定网页的字符集
name 指定的数据的名称
content 指定的数据的内容

keywords 表示网站的关键字，可以同时指定多个关键字，关键字之间使用，隔开

<meta name="Keywords" content="网上购物，网上商城，手机......">

description 用于指定网站的描述

<meta name="description" content="这是一个非常不错的网站”>

网站的描述会显示在搜索引擎的搜索的结果中

title 标签的内容会作为搜索结果的超链接上的文字显示

将页面重定向到另一个网站，3秒后转到http网站

<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">

语义化标签：

在网页中HTML主要用来负责网页的结构

所以在使用Html的时候我们应该更加注重的是它的语义，而不是它的样式

因为html主要用来负责结构，而css用来负责样式

标题标签：
h1-h6一共有6级标题

从h1到h6重要性递减，h1最重要，h6最不重要

标题标签都是块元素

在页面中独占一行的元素称为块元素

hgroup标签用来为标题分组，可以将一组相关的标题放在hgroup中，但需要注意的是一定要相关的。

比如：

<hgroup>

                <h1>回乡偶书</h1>

                <h2>少小离家老大回</h2>

</hgroup>

p标签表示页面中的一个段落

p也是块元素

<p>在p标签中的内容就表示一个段落</p>

em标签用于表示语音语调的一个加重

<p>今天<em>真</em>不错</p>

strong标签用于表示强调，重要内容！

<p>今天<strong>真</strong>不错</p>

blockquoke标签用来表示引用

鲁迅说：

<blockquote>

                地上本没有路，走的人多了自然也就有了路

</blockquote>

块元素和行内元素的区别：

在页面中独占一行的元素称为块元素‘

在页面中不会独占一行的元素称为行内元素

一般块元素中可以放行内元素，但是行内元素一般不可以放块元素

块元素：

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

行内元素：

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

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

也就是：

块元素基本上什么都能放

但是需要注意的是p元素中不能放任何的块元素

有时候我们会发现，我们打了不符合语法的代码后，浏览器却依然可以呈现出正确的画面，那是因为，浏览器在解析网页时，会自动的将网页中不符合规范的内容自动进行修正，

比如：

标签写在了根元素的外部
p元素中嵌套了块元素
根元素中出现了除head和body以外的子元素
.....

但是我们还是要尽量的按照标准去书写网页，因为一方面浏览器自动修正错误需要时间，这可能会影响程序运行的效率，另一方面，浏览器并不是每一次都会改正成我们想要的样子。

翘指

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
什么是实体，块和行内以及语义化标签

但是我们还是要尽量的按照标准去书写网页，因为一方面浏览器自动修正错误需要时间，这可能会影响程序运行的效率，另一方面，浏览器并不是每一次都会改正成我们想要的样子。有时候我们会发现，我们打了不符合语法的代码后，浏览器却依然可以呈现出正确的画面，那是因为，浏览器在解析网页时，会自动的将网页中不符合规范的内容自动进行修正，keywords 表示网站的关键字，可以同时指定多个关键字，关键字之间使用，隔开。所以在使用Html的时候我们应该更加注重的是它的语义，而不是它的样式。网站的描述会显示在搜索引擎的搜索的结果中。
复制链接

扫一扫