當(dāng)前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML基础1

發(fā)布時間：2025/7/14 HTML 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML基础1 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

1.語義化概述

什么是語義化？

HTML中不同的元素代表不同的含義，使用具有含義的元素來書寫HTML文檔，即語義化

作用：有利于瀏覽器理解HTML文檔。有利于搜索引擎理解HTML文檔

2.超鏈接

<a>元素書寫格式：<a href="目標(biāo)"> 內(nèi)容 </a>

target="頁面打開位置"點擊后在哪里打開新文檔

_blank 新窗口中打開，_self 默認(rèn)值，當(dāng)前窗口中打開

href屬性：

頁面地址(路徑)，錨點，功能鏈接

絕對路徑和相對路徑

絕對路徑

當(dāng)網(wǎng)站部署到服務(wù)器后，網(wǎng)站中的所有資源都可以通過一個地址(路徑)訪問

該地址(路徑)的書寫格式為：協(xié)議://域名/目錄

示例：http://www.google.com/

絕對路徑的使用場景：

訪問站外資源時，只能使用絕對路徑

訪問站內(nèi)資源時，若網(wǎng)站已部署到服務(wù)器，可以使用絕對路徑，并可以省略協(xié)議和域名

相對路徑

相對路徑是相對于當(dāng)前資源的位置，只能用于訪問站內(nèi)資源

相對路徑的書寫格式為：./路徑

./表示當(dāng)前資源所在的目錄，必須作為相對路徑的開始，可省略

../表示返回上一級目錄

文本元素

h1~h6??1級標(biāo)題~6級標(biāo)題

P?段落

blockquote整段的引用

q小段文本的引用

cite對參考文獻(xiàn)的引用

abbr對縮寫詞的引用

b應(yīng)突出顯示的文本

em強(qiáng)調(diào)的文本

i應(yīng)區(qū)別對待的文本

結(jié)構(gòu)元素

div元素

它是一個非常常見的元素

它沒有任何的語義

它僅僅表示一個容器，用于包含其他元素

在網(wǎng)站布局時，它通常用于表示頁面的區(qū)域

語義化結(jié)構(gòu)元素

<header>用于表示頁面或某個區(qū)域的頭部

<nav>用于表示導(dǎo)航欄

<aside>用于表示跟周圍主題相關(guān)的附加信息

<article>用于表示文章或其他可獨立頁面存在的內(nèi)容

<section>用于表示一個整體的一部分主題

<footer>用于表示頁面或某個區(qū)域的腳注

無語義元素

<div>無語義，表示頁面中的一塊區(qū)域

<span>無語義，僅用于給一小段文本添加樣式

<br>無語義，空元素，用于在頁面中換行

<hr>無語義，空元素，用于在頁面中制造一個分割線

<pre>無語義，預(yù)格式化元素

7.實體字符

在HTML中，有些字符會被瀏覽器特殊處理

實體字符可用于顯示HTML中具有特殊含義的字符

實體字符的書寫格式為?&實體名稱;或&#實體編號;

常見的實體字符：

顯示結(jié)果 ?	描述 ?	實體名稱	實體編號
?	空格	? ?	?
<	小于符號	< ?	<
>	大于符號	> ?	>
&	并且符號	&	&
?	版權(quán)符號	? ?	? ?

7.21總結(jié)