資訊專欄INFORMATION COLUMN
摘要：它可以有與元素事件相關的客戶端腳本，當事件出現(xiàn)時可觸發(fā)與標簽為下拉菜單，需要配合標簽一起使用，標簽為下拉菜單中的選項。通過指定標簽中的或屬性可設置為下拉菜單或是列表框用于定義多行文本域，和屬性是必須要填寫的，他們用于指定文本域的寬度和高度。
這篇文章銜接上篇，主要羅列一些前端面試中可能問到的html中最基本的問題。
(格式有點亂，內容有點水，羅列了一些基本用法，大家隨便看看)
常用標簽 容器標簽
div
div標簽本身無特殊意義，作為一個塊級容器，主要用于組合其他html元素常用于頁面的布局。
span
span標簽與div標簽類似，本身無特殊意義，但它在結合諸如class,lang,或者dir屬性時，可作為行內元素的容器。它起到描述（文檔內容）的作用。
文本標簽
h1-h6
h標簽用于設置網頁標題或文章標題，為了符合語義化，盡量用h1作為整個網頁或網站的標題，h2作下一級標題，以此類推
p
p標簽用于設置網頁的文體，是大多數(shù)文字的主要標簽，表示文章或某些文字的一個段落。
em 與 strong
em標簽的作用是強調內容，strong標簽的作用是著重內容，在瀏覽器中都會被渲染成加粗字體，但是在英文文章中，表示強調的文字會用斜體，例如：專有名詞、術語、外來名詞等；而strong則使用粗體，表示需要著重表現(xiàn)的文字。同時，如果使用盲人閱讀設備，strong標簽中的內容會被重讀。
列表與表格標簽
ul、ol 與 li
ul標簽代表多項無序列表，即無數(shù)值排序的集合；而ol標簽代表多項有序列表，是有數(shù)值排序的集合。當li標簽嵌套在ul標簽中時，是無序列表中的列表項，此時li的順序在列表中沒有意義；而當li嵌套在ol標簽中時，則是有序列表中的列表項，此時第一個li標簽則排序為一，以此類推。
dl 與 dt、dd
dl是一個定義列表，用來解釋說明一些術語或特定詞句。其中dt為術語部分（待解釋部分），dd為dt的解釋說明部分。
table
table標簽用于定義表格，在早期由于瀏覽器對css技術的不支持，人們大量利用table標簽進行頁面布局，在現(xiàn)代的前端開發(fā)中已經摒棄了這種布局方式。但是也不用一棒子打死，table布局在布局表單內容時還是要方便的多。
在使用table標簽時，tr標簽定義行，th標簽定義表頭，td標簽定義表格單元，更復雜的表格還會包含caption、col、colgroup、thead、tfoot 以及 tbody 元素。
注意：在 HTML5 中，table標簽僅支持 "border" 屬性，并且只允許使用值 "1" 或 ""
表單標簽
form
form標簽在文檔中定義了一個表單，表單中有各種表單控件，最后瀏覽器會將表單中的信息提交到服務器。其中，form標簽有幾個常用的重要屬性：
name
name標簽可以讓我們方便的用js找到某個特定的表單，從而找到此表單下的表單控件，這樣就可以對表單中的各個部分進行控制了。（form表單中的表單控件也有name屬性）
action
action屬性是當前表單所要提交到的服務器處理url，表單會被提交到action屬性中的頁面進行處理。
method
提交表單到服務器的方法，可選GET和POST，兩個方法的特點和作用可到網上查閱，今后我也會慢慢整理。
input
input標簽用于接收用戶的填寫的信息，通過form表單提交到服務器，同時通過設置type屬性的不同值可以賦予input標簽不同的功能，常用功能如下：
text（默認）: 用于接收文本信息如用戶名等
password: 用于接收密碼
radio: 單選按鈕（使用value屬性標注提交值）
checkbox: 復選框（使用value屬性標注提交值）
file: 文件上傳
image: 圖像上傳
data: 輸入日期控件（年月日）
button
將button標簽歸類到這里其實是不太合適的（但是我不知道怎么歸了啊=。=）button標簽在表單中主要是用于提交表單，當用戶填寫完成后點擊按鈕進行表單的提交等操作。通過設置type屬性也有不同的作用：
submit: 此按鈕提交表單數(shù)據給服務器。未指定時，此值為默認值，或者如果此屬性動態(tài)變?yōu)榭罩祷驘o效值
reset: 此按鈕重置所有組件為初始值
button: 此按鈕沒有默認行為。它可以有與元素事件相關的客戶端腳本，當事件出現(xiàn)時可觸發(fā)
select 與 option
select標簽為下拉菜單，需要配合option標簽一起使用，option標簽為下拉菜單中的選項。通過指定select標簽中的mutiple或size屬性可設置select為下拉菜單或是列表框
textarea
用于定義多行文本域，cols和rows屬性是必須要填寫的，他們用于指定文本域的寬度和高度。多行文本域比較特殊，除了普通的事件屬性，他還可以指定onselect屬性，用于表示文本域里面的內容被選中時候的事件。
超鏈接（錨點）
a
a標簽用于創(chuàng)建一個到其他網頁，文件，或同一頁面內的位置，當然也可以是電子郵件地址或任何其他URL的超鏈接。下面是幾個常用的屬性：
href
這是一個必需屬性為錨定義一個超文本鏈接來源。這表示鏈接目標的URL或URL片段
download
此屬性指示瀏覽器下載URL而不是導航到URL，因此將提示用戶將其保存為本地文件。
如果屬性有一個值，它將在保存提示中用作預先填寫的文件名 (用戶仍然可以根據需要更改文件名)。對允許的值沒有限制，但是 / 和 被轉換為下劃線。大多數(shù)文件系統(tǒng)限制文件名中的一些標點符號，瀏覽器會相應地調整建議的名稱。
target
該屬性指定在何處顯示鏈接的資源。 取值為標簽（tab），窗口（window），或框架（iframe）等瀏覽上下文的名稱或其他關鍵詞。以下關鍵字具有特殊的意義:
_self: 當前頁面加載，會覆蓋掉當前頁面。此值是默認的，如果沒有指定屬性的話
_blank: 新窗口打開，根據瀏覽器的不同設置，會在新標簽頁或新的瀏覽器窗口中打開頁面
_parent: 加載響應到當前框架的父框架或當前的HTML5瀏覽上下文的父瀏覽上下文。如果沒有parent框架或者瀏覽上下文，此選項的行為方式相同_self。
_top: IHTML4中：加載的響應成完整的，原來的窗口，取消所有其它frame。 HTML5中：加載響應進入頂層瀏覽上下文（即，瀏覽上下文，它是當前的一個的祖先，并且沒有parent）。如果沒有parent框架或者瀏覽上下文，此選項的行為方式相同_self
圖片標簽
img
用來設置文檔中的圖像內容，主要屬性如下：
src: 圖像的 URL，這個屬性對
cache-control: 指定請求和響應遵循的緩存機制
no-cache: 先發(fā)送請求，與服務器確認該資源是否被更改，如果未被更改，則使用緩存。
no-store: 不允許緩存，每次都要去服務器上，下載完整的響應。（安全措施）
public : 緩存所有響應，但并非必須。因為max-age也可以做到相同效果
private : 只為單個用戶緩存，因此不允許任何中繼進行緩存。（比如說CDN就不允許緩存private的響應）
maxage : 表示當前請求開始，該響應在多久內能被緩存和重用，而不去服務器重新請求。例如：max-age=60表示響應可以再緩存和重用 60 秒。
no-siteapp: 禁止自動轉碼。假設某網頁沒有進行移動端適配，在移動端進行瀏覽時，從某個入口（例如百度）進入該網頁，可以防止該入口對網頁進行移動設備轉碼。雖然轉碼的意圖是好的，但是有的時候轉碼之后效果不盡人意，就可以設置這個屬性。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/51022.html
摘要：安全性請求可被緩存，請求保存在瀏覽器歷史記錄中則不能被緩存。與相比，的安全性較差，因為發(fā)送的數(shù)據是的一部分。 酷狗一面 1. 如何實現(xiàn)三欄布局（左右兩邊固定寬度，中間自適應）？ 使用flex布局： 父元素設置display: flex，左右兩邊設置固定寬度，中間設置flex-grow: 1； 使用浮動布局：左右兩邊設置固定寬度，而且分別設置float:left和right，這個方法有...
摘要：拿到秋招的同學，如確定入職需與用人單位簽署三方協(xié)議，以保證雙方的利益不受損失。當然每個崗位所要求的側重點不同，但卻百變不離其宗。方法論要想達成某個目標都有其特定的方法論，學習技術也不例外，掌握適當?shù)膶W習方法才能事半功倍。 寫在前面的話 筆者從17年的2月份開始準備春招，其中遇到不少坑，也意識到自己走過的彎路。故寫了這篇文章總結一番，本文適合主動學習的，對自己要學的課程不明確的，對面試有...
摘要：拿到秋招的同學，如確定入職需與用人單位簽署三方協(xié)議，以保證雙方的利益不受損失。當然每個崗位所要求的側重點不同，但卻百變不離其宗。方法論要想達成某個目標都有其特定的方法論，學習技術也不例外，掌握適當?shù)膶W習方法才能事半功倍。 寫在前面的話 筆者從17年的2月份開始準備春招，其中遇到不少坑，也意識到自己走過的彎路。故寫了這篇文章總結一番，本文適合主動學習的，對自己要學的課程不明確的，對面試有...
摘要：具體的時間線從月中旬，我開始關注?？途W的秋招內推信息。直至十月中下旬結束秋招。之前也寫過自己在廣州找實習的經歷，那次把面試的過程都具體貼出來了。我今年就完美錯過了春招實習經歷。 前言 只有光頭才能變強 離上次發(fā)文章已經快兩個月時間了，最近一直忙著秋招的事。今天是2018年10月22日，對于互聯(lián)網行業(yè)來說，秋招就基本結束了。我這邊的流程也走完了(不再筆試/面試了)，所以來寫寫我的秋招經歷...
閱讀 3271·2023-04-26 02:10
閱讀 2890·2021-10-12 10:12
閱讀 4592·2021-09-27 13:35
閱讀 1530·2019-08-30 15:55
閱讀 1074·2019-08-29 18:37
閱讀 3435·2019-08-28 17:51
閱讀 1967·2019-08-26 13:30
閱讀 1207·2019-08-26 12:09
