html元素一行显示不完收缩_这些常用的HTML标签,你还不知道吗?
隨著互聯網的不斷發展與前端開發技術的不斷進步,越來越多的人想在前端開發市場中分一杯羹,而HTML語言憑著它簡單易懂的特性成為了不少計算機萌新的入門語言。那么什么是HTML呢?
什么是HTML
HTML,即超文本標記語言,是一種標識性的語言。它包括一系列標簽,通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。
使用HTML語言,將所需要表達的信息按某種規則寫成HTML文件,通過專用的瀏覽器來識別,并將這些HTML文件“翻譯”成可以識別的信息,即現在所見到的網頁。而HTML標簽是HTML語言中最基本的單位,是HTML最重要的組成部分。
什么是HTML標簽
- HTML標簽是由一對尖括號括起來的關鍵詞,像、等。
- HTML標簽通常是成對出現的,第一個標簽是開始標簽,第二個標簽是結束標簽。
- 標簽不區分大小寫,最好用小寫。
- 標簽可以嵌套,但是不可以交叉嵌套,如。
- 有些標簽功能比較簡單.使用一個標簽即可.這種標簽叫做自閉合標簽.如
等。
標簽分類
標簽一般分為兩種:
1. 塊級標簽
占一整行的標簽。如、
、
、等2. 行內標簽
可以多個標簽共同占用一行的標簽。比如:,,,,等
3. 塊級標簽特點
- 總是在新行上開始
- 寬度缺省是它的容器的100%,除非設定一個寬度
- 它可以容納內聯元素和其他塊元素
4. 行內標簽特點
- 和其他元素都在一行上
- 寬度就是它的文字或圖片的寬度,不可改變
- 內聯元素只能容納文本或者其他內聯元素
HTML特殊字符
平時寫代碼很少用到HTML的特殊字符,最常用的可能是 (空格)了,但有時在移動端為了節省時間,可能會用這些字符實現某種特殊效果。
使用方法:
- 這些字符屬于unicode字符集,所以,你的文檔需要聲明為UTF-8;
- 編號用在HTML中時,需要在前面加上符號;
- 用于CSS文件中,但是需要用反斜杠轉義;
- 用于JavaScript,和CSS用法一樣,不過要用u來轉義。
常用HTML特殊字符
HTML基本標簽簡介
作用:聲明文檔的解析類型(document .compatMode),避免瀏覽器的怪異模式。
瀏覽器有怪異模式(BackCompat)和標準模式(CSS1Compat)兩種模式,那么何為怪異模式和標準模式呢?
- BackCompat:怪異模式,瀏覽器使用自己的怪異模式解析渲染頁面。
- CSS1Compat:標準模式,瀏覽器使用W3C的標準解析渲染頁面。
如果你的頁面沒有DOCTYPE的聲明,那么compatMode默認就是BackCompat,,如果是這樣的話那就很麻煩了-------瀏覽器按照自己的方式解析渲染頁面,即在不同的瀏覽器顯示不同的樣式。
但是如果你的頁面添加了,那么就等同于開啟了標準模式,瀏覽器就得老老實實的按照W3C的標準解析渲染頁面,這樣一來,你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。
這就是的作用。
標簽用于提供關于 HTML 文檔的元數據(元數據是關于數據的信息),元數據不會顯示在頁面上,但是對于機器是可讀的。例如meta被用于設置關鍵字、設置頁面描述、設置作者、設置字符集、設置頁面定時跳轉等等。meta標簽放置在head標簽中,對meta的設置對搜索引擎注冊、搜索引擎優化排名等有至關重要的作用。
有兩個屬性,分別是http-equiv屬性和name屬性,不同屬性有不同的參數,這些不同的參數使得名,meta標簽有不同的功能:
http-equiv屬性
顧名思義,相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。
- 頁面編碼:
- 頁面刷新和跳轉
- 解決IE瀏覽器兼容性問題
name屬性
name屬性主要用于描述網頁,與之對應的屬性值為content,content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。
- 供搜索引擎使用(關鍵詞)
- 網站信息描述
- title標簽寫網站頭部信息,即網頁標簽的名稱:
link標簽有兩個作用:
1.設置標簽頁圖標:
2.外聯CSS文件:
用于存放或編寫css文件:
2.寫js代碼
:段落標簽. 包裹的內容被換行.并且也上下內容之間有一行空白.
:加粗標簽.:為文字加上一條中線.:文字變成斜體.和:上角標 和 下角表.:換行.:水平線:白板,本身沒有特性,塊級標簽。:白板,本身沒有特性,行內標簽。
和的使用
這個文本包含 下標文本。
這個文本包含 上標 文本。
標簽作超鏈接:跳轉到指定url作錨點:條轉到指定id標簽屬性如下:
src: 要顯示圖片的路徑.alt: 圖片沒有加載成功時的提示.title: 鼠標懸浮時的提示信息.width: 圖片的寬height:圖片的高 (寬高兩個屬性只用一個會自動等比縮放HTML還有很多標簽,像
、、、、等等。在目前的移動應用開發大潮下,使用web技術進行移動應用開發正變得越來越流行,慢慢會變成以HTML為核心的技術棧配合數據庫的天下。讓我們找準時代發展方向,努力學習,成為時代的弄潮兒吧!
總結
以上是生活随笔為你收集整理的html元素一行显示不完收缩_这些常用的HTML标签,你还不知道吗?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: el表达式中换行_angularjs/n
- 下一篇: 判断是否是ie浏览器 前端js_JS判断