HTML學習:配置liveServer,實體以及meta標簽
配置liveServer:
作用:實時運行網頁,實現代碼與網頁的同步運行。
liveserver配置:在搜索框中搜索liveserver點擊下載
作業:6,下載liveserver
7,嘗試通過live server來與運行網頁
8,設置代碼自動儲存
實體:
<!--
在網頁中編寫的多個空格默認情況會自動被瀏覽器解析為一個空格
在HTML中有時候,我們不能直接書寫一些特殊符號,比如字母兩側的大于和小于號
如果我們要在網頁中書寫這種特殊的符號,則需要使用html中的實體(轉義字符)
實體的語法:
&實體的名字;
空格
>; 大于號
<; 小于號
©;版權符號
-->
更多的實體代碼可以去W3C官網查找
meta標簽:
<meta charset="UTF-8">
<!--
meta主要用于設置網頁中的一些元數據,元數據不是給用戶看的
charset 指定網頁的字符集
name 指定的數據的名稱
content 指定的數據的內容
keywords 表示網站的關鍵詞.可以同時指定的多個關鍵詞,用逗號隔開
<meta name="Keywords" content="網上購物,網上商城,家電,手機,電腦,服裝,居家,母嬰,美妝,個護,食品,生鮮,京東">
<meta name="description" content="京東JD.COM-專業的綜合網上購物商城,為您提供正品低價的購物選擇、優質便捷的服務體驗。商品來自全球數十萬品牌商家,囊括家電、手機、電腦、服裝、居家、母嬰、美妝、個護、食品、生鮮等豐富品類,滿足各種購物需求。">
descrtiption 用于網站的描述 網站的描述會顯示在搜索引擎的搜索的結果中
title標簽的內容會作為搜索結果的超鏈接上的文字顯示
-->
<meta name="keywords" content=""HTML5,前端,css3>
<meta name="description">
<meta http-equiv="refresh" content="3;url=https://www.baidu.com/">
<!-- 用來跳轉到另一個網站 -->
浙公網安備 33010602011771號