前端三部曲之Html -- 1（html的基本结构和常见的meta标签的作用）
生活随笔
收集整理的這篇文章主要介紹了
前端三部曲之Html -- 1（html的基本结构和常见的meta标签的作用）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一個H5頁面的基本結構是什么
我么在編輯器中輸入html:5可以得到
<!DOCTYPE html> <!-- 聲明文檔類型 --> <html lang="en"> <!-- 標識Html文檔所用的語言是英語 --> <head><meta charset="UTF-8"><!-- 聲明文檔所使用的字符編碼是UTF-8 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 移動端適配 --><meta http-equiv="X-UA-Compatible" content="ie=edge"><!-- 指定文件的兼容模式，模式Edge 模式告訴 IE 以最高級模式渲染文檔 --><title>勇哥測試頁面</title><link rel="stylesheet" href="#"><!-- 引入外部css文件 --> </head> <body> <!-- 結構標簽就不介紹 --><script></script><script src="#"></script><!-- 書寫和引用外部js --> </body> </html> 常見的字符編碼還有： gb2312（國家標準第2312條） gbk2312（擴展版加了中文繁體） unicode（萬國碼） UTF-8（萬國碼升級版） 一般都用UTF-8包含了基本上所有的字符編碼，一個大合集 SEO優化 -- meta標簽優化 什么是SEO? 百度詞條介紹 SEO（Search Engine Optimization）：漢譯為搜索引擎優化。是一種方式：利用搜索引擎的規則提高網站在有關搜索引擎內的自然排名。目的是：為網站提供生態式的自我營銷解決方案，讓其在行業內占據領先地位，獲得品牌收益；SEO包含站外SEO和站內SEO兩方面；為了從搜索引擎中獲得更多的免費流量，從網站結構、內容建設方案、用戶互動傳播、頁面等角度進行合理規劃，還會使搜索引擎中顯示的網站相關信息對用戶來說更具有吸引力。 目的就是讓你的頁面能夠更好的被搜索引擎爬蟲抓取到 這html頁面中通過一些meta標簽來進行標識 頁面描述 <meta name="description" content="不超過150個字符" /> 頁面關鍵詞 <meta name="keywords" content="html5, css3, 關鍵字"/> 定義網頁作者 <meta name="author" content="yongGcode" /> 定義網頁搜索引擎索引方式，robotterms是一組使用英文逗號「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。 <meta name="robots" content="index,follow" />?
接下來再來簡單的說說meta標簽，由于meta的內容呢實在太多（學海無涯），這里就簡單的介紹一下。 如果有問題及時聯系，互相交流 轉自w3c對meta的介紹：<meta> 元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。
<meta> 標簽位于文檔的頭部，不包含任何內容。<meta> 標簽的屬性定義了與文檔相關聯的名稱/值對
?
<meta>標簽的四個屬性：content? name??scheme??http-equiv
name：主要是對頁面的解釋說明和介紹?
需要配合content使用
屬性值：
-
- author?? ? 作者
- description 描述
- keywords ? 關鍵字
- generator ? 網頁制作用的軟件
- revised ? 重新訪問的時間
- others ? ? 其他描述
- viewport? ? ? ? 移動端窗口配置
- robots? ? ? ? ? ?定義搜索引擎爬蟲的索引方式
- copyright? ? ? 標注版權信息
- rederer? ? ? ? ?規定雙核瀏覽器默認渲染引擎
轉載于:https://www.cnblogs.com/yongG/p/10993116.html
總結
以上是生活随笔為你收集整理的前端三部曲之Html -- 1（html的基本结构和常见的meta标签的作用）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Python网络编程—TCP套接字之HT
- 下一篇： web前端资源