From 95aca4b4d8fa62815d4bd412fff1a364f842814a Mon Sep 17 00:00:00 2001 From: Ryan Johnson Date: Thu, 29 Apr 2021 16:16:42 -0700 Subject: remove retired locales (#699) --- files/vi/web/html/element/center/index.html | 55 ---- files/vi/web/html/element/dialog/index.html | 163 ---------- files/vi/web/html/element/em/index.html | 122 -------- files/vi/web/html/element/header/index.html | 142 --------- files/vi/web/html/element/html/index.html | 109 ------- files/vi/web/html/element/index.html | 86 ------ files/vi/web/html/element/meta/index.html | 441 ---------------------------- files/vi/web/html/element/span/index.html | 122 -------- files/vi/web/html/index.html | 78 ----- 9 files changed, 1318 deletions(-) delete mode 100644 files/vi/web/html/element/center/index.html delete mode 100644 files/vi/web/html/element/dialog/index.html delete mode 100644 files/vi/web/html/element/em/index.html delete mode 100644 files/vi/web/html/element/header/index.html delete mode 100644 files/vi/web/html/element/html/index.html delete mode 100644 files/vi/web/html/element/index.html delete mode 100644 files/vi/web/html/element/meta/index.html delete mode 100644 files/vi/web/html/element/span/index.html delete mode 100644 files/vi/web/html/index.html (limited to 'files/vi/web/html') diff --git a/files/vi/web/html/element/center/index.html b/files/vi/web/html/element/center/index.html deleted file mode 100644 index 8303b88549..0000000000 --- a/files/vi/web/html/element/center/index.html +++ /dev/null @@ -1,55 +0,0 @@ ---- -title: '
: The Centered Text element (obsolete)' -slug: Web/HTML/Element/center -translation_of: Web/HTML/Element/center ---- -
{{obsolete_header}}
- -

Phần tử trung tâm HTML lỗi thời ( <center>) là phần tử cấp khối hiển thị nội dung cấp khối hoặc nội dòng được căn giữa theo chiều ngang bên trong phần tử chứa nó. Vùng chứa thường là, nhưng không bắt buộc, {{HTMLElement ("body")}}.

- -

Thẻ này đã không được chấp nhận trong HTML 4 (và XHTML 1) vì thuộc tính CSS {{Cssxref("text-align")}}, có thể được áp dụng cho phần tử {{HTMLElement ("div")}} hoặc cho một cá nhân {{HTMLElement("p")}}. Đối với các khối căn giữa, hãy sử dụng các thuộc tính CSS khác như {{Cssxref ("margin-left")}} và {{Cssxref ("margin-right")}} và đặt chúng thành auto(hoặc đặt {{Cssxref ("margin")}} đến 0 auto).

- -

Giao diện DOM

- -

Phần tử này thực hiện giao diện {{domxref ("HTMLElement")}}.

- -
-

Lưu ý triển khai: bao gồm cả Gecko 1.9.2, Firefox triển khai giao diện {{domxref("HTMLSpanElement")}} cho phần tử này.

-
- -

ví dụ 1

- -
<center> Văn bản này sẽ được căn giữa.
-<p> Đoạn này cũng vậy. </p> </center>
-
- -

Ví dụ 2 (CSS thay thế)

- -
<div style = "text-align: center"> Văn bản này sẽ được căn giữa.
-<p> Đoạn này cũng vậy. </p> </div>
-
- -

Ví dụ 3 (CSS thay thế)

- -
<p style = "text-align: center"> Dòng này sẽ được căn giữa. <br>
-Và dòng này cũng vậy. </p>
-
- -

Ghi chú

- -

Việc áp dụng {{Cssxref ("text-align")}} :centercho phần tử {{HTMLElement("div")}} hoặc {{HTMLElement("p")}} sẽ căn giữa nội dung của các phần tử đó trong khi giữ nguyên kích thước tổng thể của chúng.

- -

Tính tương thích của trình duyệt web

- - - -

{{Compat("html.elements.center")}}

- -

Xem thêm

- - - -
{{HTMLRef}}
diff --git a/files/vi/web/html/element/dialog/index.html b/files/vi/web/html/element/dialog/index.html deleted file mode 100644 index d6d63404b4..0000000000 --- a/files/vi/web/html/element/dialog/index.html +++ /dev/null @@ -1,163 +0,0 @@ ---- -title: ': Phần tử Hộp thoại' -slug: Web/HTML/Element/dialog -tags: - - Dialog - - HTML - - Hộp thoại - - Phần tử - - Phần tử HTML tương tác được - - Tham khảo - - Thử nghiệm - - Web -translation_of: Web/HTML/Element/dialog ---- -

Phần tử HTML <dialog> đại diện cho một hộp thoại hoặc một component tương tác được, chẳng hạn như giao diện cửa sổ hoặc khảo sát.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Loại nội dungFlow content, sectioning root
Nội dung cho phépFlow content
Thẻ được phép bỏ{{no_tag_omission}}
Thẻ cha cho phépAny element that accepts flow content
ARIA role cho phép{{ARIARole("alertdialog")}}
Giao diện lập trình DOM{{domxref("HTMLDialogElement")}}
- -

Thuộc tính

- -

Phần tử này có các thuộc tính chung. Thuộc tính tabindex không được phép sử dụng với phần tử <dialog>.

- -
-
{{htmlattrdef("open")}}
-
Cho biết hộp thoại có được kích hoạt và sẵn sàng tương tác hay không. Khi thuộc tính open này không được bật (không có trong thẻ), hộp thoại sẽ không hiện ra cho người dùng.
-
- -

Lưu ý khi sử dụng

- -
    -
  • Phần tử <form> có thể được tính hợp với dialog bằng cách thêm thuộc tính method="dialog" tại <form> bên trong. Khi form được gửi đi, hộp thoại sẽ đóng lại với returnValue là giá trị value của nút submit được bấm.
    • -
  • CSS pseudo-element {{cssxref('::backdrop')}} là một phần tử giả phía sau hộp thoại dùng để che đi hoặc làm mờ nội dung bên dưới khi mà hộp thoại đang hiện ra. Backdrop chỉ được hiển thị khi phần tử dialog được hiện với dialog.showModal().
    • -
- -

Ví dụ

- -

Ví dụ đơn giản

- -
<dialog open>
-  <p>Greetings, one and all!</p>
-</dialog>
-
- -

Ví dụ nâng cao

- -

Trong ví dụ này, một hộp thoại sẽ hiện ra với một form bên trong khi mà nút "Update details" được bấm.

- -

HTML

- -
<!-- Simple pop-up dialog box containing a form -->
-<dialog id="favDialog">
-  <form method="dialog">
-    <p><label>Favorite animal:
-      <select>
-        <option></option>
-        <option>Brine shrimp</option>
-        <option>Red panda</option>
-        <option>Spider monkey</option>
-      </select>
-    </label></p>
-    <menu>
-      <button>Cancel</button>
-      <button>Confirm</button>
-    </menu>
-  </form>
-</dialog>
-
-<menu>
-  <button id="updateDetails">Update details</button>
-</menu>
-
- -

JavaScript

- -
(function() {
-  var updateButton = document.getElementById('updateDetails');
-  var favDialog = document.getElementById('favDialog');
-
-  // “Update details” button opens the <dialog> modally
-  updateButton.addEventListener('click', function() {
-    favDialog.showModal();
-  });
-})();
-
- -

Kết quả nhận được

- -

{{EmbedLiveSample("Ví_dụ_nâng_cao", "100%", 300)}}

- -

Nút submit nào được bấm có thể được xác định với returnValue của favDialog.

- -

Đặc tả

- - - - - - - - - - - - - - - - - - - - - -
Đặc tảTrạng tháiGhi chú
{{SpecName('HTML WHATWG', 'forms.html#the-dialog-element', '<dialog>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5.2', 'interactive-elements.html#the-dialog-element', '<dialog>')}}{{Spec2('HTML5.2')}}Định nghĩa ban đầu.
- -

Trình duyệt hỗ trợ

- - - -

{{Compat("html.elements.dialog")}}

- -

Polyfill

- -

Dùng polyfill sau để hỗ trợ <dialog> cho các trình duyệt cũ:

- -

dialog-polyfill

- -

Xem thêm

- - - -
{{HTMLRef}}
diff --git a/files/vi/web/html/element/em/index.html b/files/vi/web/html/element/em/index.html deleted file mode 100644 index 3f52dea31a..0000000000 --- a/files/vi/web/html/element/em/index.html +++ /dev/null @@ -1,122 +0,0 @@ ---- -title: ': The Emphasis element' -slug: Web/HTML/Element/em -translation_of: Web/HTML/Element/em ---- -
{{HTMLRef}}
- -

The HTML <em> element marks text that has stress emphasis. The <em> element can be nested, with each level of nesting indicating a greater degree of emphasis.

- -
{{EmbedInteractiveExample("pages/tabbed/em.html", "tabbed-shorter")}}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Content categoriesFlow content, phrasing content, palpable content.
Permitted contentPhrasing content.
Tag omission{{no_tag_omission}}
Permitted parentsAny element that accepts phrasing content.
Implicit ARIA roleNo corresponding role
Permitted ARIA rolesAny
DOM interface{{domxref("HTMLElement")}} Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the {{domxref("HTMLSpanElement")}} interface for this element.
- -

Attributes

- -

This element only includes the global attributes.

- -

Usage notes

- -

The <em> element is for words that have a stressed emphasis compared to surrounding text, which is often limited to a word or words of a sentence and affects the meaning of the sentence itself.

- -

Typically this element is displayed in italic type. However, it should not be used simply to apply italic styling; use the CSS {{cssxref("font-style")}} property for that purpose. Use the {{HTMLElement("cite")}} element to mark the title of a work (book, play, song, etc.). Use the {{HTMLElement("i")}} element to mark text that is in an alternate tone or mood, which covers many common situations for italics such as scientific names or words in other languages. Use the {{HTMLElement("strong")}} element to mark text that has greater importance than surrounding text.

- -

<i> vs. <em>

- -

New developers are often confused at seeing multiple elements that produce similar results. <em> and <i> are a common example, since they both italicize text. What's the difference? Which should you use?

- -

By default, the visual result is the same. However, the semantic meaning is different. The <em> element represents stress emphasis of its contents, while the <i> element represents text that is set off from the normal prose, such a foreign word, fictional character thoughts, or when the text refers to the definition of a word instead of representing its semantic meaning. (The title of a work, such as the name of a book or movie, should use <cite>.)

- -

This means the right one to use depends on the situation. Neither is for purely decorational purposes, that's what CSS styling is for.

- -

An example for <em> could be: "Just do it already!", or: "We had to do something about it". A person or software reading the text would pronounce the words in italics with an emphasis, using verbal stress.

- -

An example for <i> could be: "The Queen Mary sailed last night". Here, there is no added emphasis or importance on the word "Queen Mary". It is merely indicated that the object in question is not a queen named Mary, but a ship named Queen Mary. Another example for <i> could be: "The word the is an article".

- -

Example

- -

The <em> element is often used to indicate an implicit or explicit contrast.

- -
<p>
-  In HTML 5, what was previously called
-  <em>block-level</em> content is now called
-  <em>flow</em> content.
-</p>
- -

Result

- -

{{EmbedLiveSample("Example")}}

- -

Specifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-em-element', '<em>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'textlevel-semantics.html#the-em-element', '<em>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<em>')}}{{Spec2('HTML4.01')}}
- -

Trình duyệt tương thích

- - - -

{{Compat("html.elements.em")}}

- -

Xem thêm

- -
    -
  • {{HTMLElement("i")}}
    • -
diff --git a/files/vi/web/html/element/header/index.html b/files/vi/web/html/element/header/index.html deleted file mode 100644 index 3f7c96c7a5..0000000000 --- a/files/vi/web/html/element/header/index.html +++ /dev/null @@ -1,142 +0,0 @@ ---- -title:
-slug: Web/HTML/Element/header -translation_of: Web/HTML/Element/header ---- -
{{HTMLRef}}
- -

The HTML <header> element represents a group of introductory or navigational aids. It may contain some heading elements but also other elements like a logo, a search form, and so on.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Content categoriesFlow content, palpable content.
Permitted contentFlow content, but with no <header> or {{HTMLElement("footer")}} descendant.
Tag omission{{no_tag_omission}}
Permitted parentsAny element that accepts flow content. Note that a <header> element must not be a descendant of an {{HTMLElement("address")}}, {{HTMLElement("footer")}} or another {{HTMLElement("header")}} element.
Permitted ARIA roles{{ARIARole("group")}}, {{ARIARole("presentation")}}
DOM interface{{domxref("HTMLElement")}}
- -

Usage notes

- -

The <header> element is not sectioning content and therefore does not introduce a new section in the outline. That said, a header element is intended to usually contain the surrounding section's heading (an h1–h6 element), but this is not required.

- -

Attributes

- -

This element only includes the global attributes.

- -

Example

- -
<header>
-  <h1>Main Page Title</h1>
-  <img src="mdn-logo-sm.png" alt="MDN logo">
-</header>
-
- -

Main Page Title

- -

MDN

- -

Specifications

- - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'semantics.html#the-header-element', '<header>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'sections.html#the-header-element', '<header>')}}{{Spec2('HTML5 W3C')}} 
- -

Browser compatibility

- -

{{CompatibilityTable}}

- -
- - - - - - - - - - - - - - - - - - - - - -
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support5{{CompatVersionUnknown}}{{CompatGeckoDesktop("2.0")}}9.011.104.1
-
- -
- - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support2.2{{CompatVersionUnknown}}{{CompatGeckoMobile("2.0")}}9.011.05.0
-
- -

See also

- -
    -
  • Others section-related elements: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}}.
    • -
  • Sections and outlines of a HTML5 document.
    • -
diff --git a/files/vi/web/html/element/html/index.html b/files/vi/web/html/element/html/index.html deleted file mode 100644 index 8609afe4a2..0000000000 --- a/files/vi/web/html/element/html/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: -slug: Web/HTML/Element/html -tags: - - HTML - - Phần tử - - Phần tử gốc HTML - - Tài liệu tham khảo - - Web -translation_of: Web/HTML/Element/html ---- -

{{HTMLRef}}

- -

The HTML <html> element represents the root (top-level element) of an HTML document, so it is also referred to as the root element. All other elements must be descendants of this element.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Content categoriesNone.
Permitted contentOne {{HTMLElement("head")}} element, followed by one {{HTMLElement("body")}} element.
Tag omissionThe start tag may be omitted if the first thing inside the <html> element is not a comment.
- The end tag may be omitted if the <html> element is not immediately followed by a comment, and it contains a {{HTMLElement("body")}} element either that is not empty or whose start tag is present.
Perimitted parentsAs the root element of a document, or wherever a subdocument fragment is allowed in a compound document.
Permitted ARIA rolesNone
DOM interface{{domxref("HTMLHtmlElement")}}
- -

Attributes

- -

This element includes the global attributes.

- -
-
{{htmlattrdef("manifest")}} {{obsolete_inline}}
-
Specifies the URI of a resource manifest indicating resources that should be cached locally. See Using the application cache for details.
-
{{htmlattrdef("version")}} {{obsolete_inline}}
-
Specifies the version of the HTML {{glossary("DTD", "Document Type Definition")}} that governs the current document. This attribute is not needed, because it is redundant with the version information in the document type declaration.
-
{{htmlattrdef("xmlns")}} 
-
Specifies the XML Namespace of the document. Default value is "http://www.w3.org/1999/xhtml". This is required in documents parsed with XML parsers, and optional in text/html documents.
-
- -

Example

- -
<!DOCTYPE html>
-<html>
-  <head>...</head>
-  <body>...</body>
-</html>
-
- -

Specifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'semantics.html#the-html-element', '<html>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'semantics.html#the-html-element', '<html>')}}{{Spec2('HTML5 W3C')}}Added support for the manifest attribute (deprecated later).
- Obsoleted the version attribute
{{SpecName('HTML4.01', 'struct/global.html#h-7.3', '<html>')}}{{Spec2('HTML4.01')}}Deprecated the version attribute
- -

Browser compatibility

- - - -

{{Compat("html.elements.html")}}

- -

See also

- -
    -
  • MathML top-level element: {{MathMLElement("math")}}
    • -
  • SVG top-level element: {{SVGElement("svg")}}
    • -
diff --git a/files/vi/web/html/element/index.html b/files/vi/web/html/element/index.html deleted file mode 100644 index 8c380bf350..0000000000 --- a/files/vi/web/html/element/index.html +++ /dev/null @@ -1,86 +0,0 @@ ---- -title: Phần tử HTML -slug: Web/HTML/Element -translation_of: Web/HTML/Element ---- -

{{HTMLSidebar("Elements")}}

- -

Trang này bao gồm {{Glossary("HTML")}} {{Glossary("Element","elements")}}. Chúng được chia thành các nhóm bởi chức năng với mong muốn giúp bạn dễ dàng tìm kiếm để có thể đạt được điều mà bạn có trong tâm trí một cách dễ dàng . Dù cho bản hướng dẫn này được viết ra để dành cho những người mới hoặc những người mới bắt đầu trong việc mã hóa, chúng tôi mong rằng đây có thể là tài liệu tham khảo hữu ích cho tất cả mọi người. 

- -

Các phần tử căn bản

- -

Các phần tử căn bản là cột sống cho tất cả các văn bản HTML nào. bạn sẽ thấy rằng những nguyên tố này nằm trong mã nguồn của bất cứ trang web nào đằng sau dòng trên cùng khai báo hiệu trang đó. Dòng khai báo xác định loại phiên bản (X)HTML mà trang đó sử dụng. Các phần tử được đặt giữa thẻ <html> mở và thẻ </html> đóng, đồng thời cũng được gọi là phần tử gốc.

- -

{{HTMLRefTable("HTML Root Element")}}

- -

Document metadata

- -

Metadata contains information about the page. This includes information about styles, scripts and data to help software (Search engines, {{Glossary("Browser","browsers")}}, etc.) use and render the page. Metadata for styles and scripts may be defined in the page or link to another file that has the information. 

- -

{{HTMLRefTable("HTML document metadata")}}

- -

Phân chia nội dung

- -

Các phần tử chia thành các mục giúp bạn trình bày nội dung tài liệu một cách loogic. Sử dụng các phần tử phân chia nội dung để tạo ra hình thể rộng cho nội dung trang, bao gồm tiêu đề và chân trang, và phần tử tiêu đề để đánh dấu phần nội dung.

- -

{{HTMLRefTable("HTML sections")}}

- -

Text content

- -

Use HTML text content elements to organize blocks or sections of content placed between the opening <body> and closing </body> tags. Important for {{Glossary("accessibility")}} and {{Glossary("SEO")}}, these elements identify the purpose or structure of that content.     

- -

{{HTMLRefTable("HTML grouping content")}}

- -

Inline text semantics

- -

Sử dụng ngữ nghĩa văn bản bên trong HTML để xác định ý nghĩa, cấu trúc hoặc kiểu của từ, dòng hoặc bất kỳ phần văn bản tùy ý nào

- -

{{HTMLRefTable("HTML text-level semantics")}}

- -

Image & multimedia

- -

HTML allows to use various multimedia ressources such as images, audio and video.

- -

{{HTMLRefTable("multimedia")}}

- -

embedded content

- -

Beyond multimedia contents HTML can include many other stuff, even if it's not always easy to interact with.

- -

{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}

- -

Scripting

- -

{{HTMLRefTable("HTML scripting")}}

- -

Edits

- -

{{HTMLRefTable("HTML edits")}}

- -

Table content

- -

Those set of elements is specificaly made to handle tabular data

- -

{{HTMLRefTable("HTML tabular data")}}

- -

Forms

- -

{{HTMLRefTable("HTML forms")}}

- -

Interactive elements

- -

{{HTMLRefTable("HTML interactive elements")}}

- -

Web Components

- -
Those elements are defined in the {{Glossary("W3C","World Wide Web Consortium")}} (W3C) Web Components collection of specifications rather than the HTML specification.
- -

{{HTMLRefTable({"include":["Web Components"],"elements":["decorator","shadow"]})}}

- -

Obsolete and deprecated elements

- -
-

Some old HTML elements were deprecated and their usage is strongly discouraged. You should never use them for new project, and replace them in old projects. There are listed here for information only.

-
- -

{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}

diff --git a/files/vi/web/html/element/meta/index.html b/files/vi/web/html/element/meta/index.html deleted file mode 100644 index 861a343c66..0000000000 --- a/files/vi/web/html/element/meta/index.html +++ /dev/null @@ -1,441 +0,0 @@ ---- -title: ': The Document-level Metadata element' -slug: Web/HTML/Element/meta -translation_of: Web/HTML/Element/meta ---- -
{{HTMLRef}}
- -

The HTML <meta> element represents {{Glossary("Metadata","metadata")}} that cannot be represented by other HTML meta-related elements, like {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} or {{HTMLElement("title")}}.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Content categoriesMetadata content. If the {{htmlattrxref("itemprop", "meta")}} attribute is present: flow content, phrasing content.
Permitted contentNone, it is an {{Glossary("empty element")}}.
Tag omissionAs it is a void element, the start tag must be present and the end tag must not be present.
Permitted parents<meta charset>, <meta http-equiv>: a {{HTMLElement("head")}} element. If the {{htmlattrxref("http-equiv", "meta")}} is not an encoding declaration, it can also be inside a {{HTMLElement("noscript")}} element, itself inside a {{HTMLElement("head")}} element.
Permitted ARIA rolesNone
DOM interface{{domxref("HTMLMetaElement")}}
- -

Attributes

- -

This element includes the global attributes.

- -
-

Note: the global attribute {{htmlattrxref("name", "meta")}} has a specific meaning for the {{HTMLElement("meta")}} element, and the {{htmlattrxref("itemprop", "meta")}} attribute must not be set on the same <meta> element that has any existing {{htmlattrxref("name", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} or {{htmlattrxref("charset", "meta")}} attributes.

-
- -
-
{{htmlattrdef("charset")}}
-
This attribute declares the page's character encoding. It must contain a standard IANA MIME name for character encodings. Although the standard doesn't request a specific encoding, it suggests: -
    -
  • Authors are encouraged to use UTF-8.
    • -
  • Authors should not use ASCII-incompatible encodings to avoid security risk: browsers not supporting them may interpret harmful content as HTML. This happens with the JIS_C6226-1983, JIS_X0212-1990, HZ-GB-2312, JOHAB, the ISO-2022 family and the EBCDIC family.
    • -
- -
-

Note: ASCII-incompatible encodings are those that don't map the 8-bit code points 0x20 to 0x7E to the 0x0020 to 0x007E Unicode code points)

-
- -
-
    -
  • Authors must not use CESU-8, UTF-7, BOCU-1 and/or SCSU as cross-site scripting attacks with these encodings have been demonstrated.
    • -
  • Authors should not use UTF-32 because not all HTML5 encoding algorithms can distinguish it from UTF-16.
    • -
-
- -
Notes: - -
    -
  • The declared character encoding must match the one the page was saved with to avoid garbled characters and security holes.
    • -
  • The {{HTMLElement("meta")}} element declaring the encoding must be inside the {{HTMLElement("head")}} element and within the first 1024 bytes of the HTML as some browsers only look at those bytes before choosing an encoding.
    • -
  • This {{HTMLElement("meta")}} element is only one part of the algorithm to determine a page's character set. The Content-Type header and any {{Glossary("Byte-Order Mark","Byte-Order Marks")}} override this element.
    • -
  • It is strongly recommended to define the character encoding. If a page's encoding is undefined, cross-scripting techniques are possible, such as the UTF-7 fallback cross-scripting technique.
    • -
  • The {{HTMLElement("meta")}} element with a charset attribute is a synonym for the pre-HTML5 <meta http-equiv="Content-Type" content="text/html; charset=IANAcharset">, where IANAcharset contains the value of the equivalent {{htmlattrxref("charset", "meta")}} attribute. This syntax is still allowed, although no longer recommended.
    • -
-
-
-
{{htmlattrdef("content")}}
-
This attribute contains the value for the {{htmlattrxref("http-equiv", "meta")}} or {{htmlattrxref("name", "meta")}} attribute, depending on which is used.
-
{{htmlattrdef("http-equiv")}}
-
Defines a pragma directive. The attribute is named http-equiv(alent) because all the allowed values are names of particular HTTP headers: -
    -
  • "content-language" {{obsolete_inline}}
    - Defines the default language of the page. It can be overridden by the lang attribute on any element. -
    -

    Warning: Do not use this value, as it is obsolete. Prefer the lang attribute on the {{HTMLElement("html")}} element.

    -
    -
    • -
  • "content-security-policy"
    - Allows page authors to define a content policy for the current page. Content policies mostly specify allowed server origins and script endpoints which help guard against cross-site scripting attacks.
    • -
  • "content-type" {{obsolete_inline}}
    - Defines the MIME type of the document, followed by its character encoding. It follows the same syntax as the HTTP content-type entity-header field, but as it is inside a HTML page, most values other than text/html are impossible. Therefore the valid syntax for its content is the string 'text/html' followed by a character set with the following syntax: '; charset=IANAcharset', where IANAcharset is the preferred MIME name for a character set as defined by the IANA. -
    -

    Warning: Do not use this value, as it is obsolete. Use the {{htmlattrxref("charset", "meta")}} attribute on the {{HTMLElement("meta")}} element.

    -
    - -
    -

    Note: As {{HTMLElement("meta")}} can't change documents' types in XHTML or HTML5's XHTML serialization, never set the MIME type to an XHTML MIME type with <meta>.

    -
    -
    • -
  • "refresh"
    - This instruction specifies: -
      -
    • The number of seconds until the page should be reloaded - only if the {{htmlattrxref("content", "meta")}} attribute contains a positive integer.
      • -
    • The number of seconds until the page should redirect to another - only if the {{htmlattrxref("content", "meta")}} attribute contains a positive integer followed by the string ';url=', and a valid URL.
      • -
    -
    • -
  • "set-cookie" {{obsolete_inline}}
    - Defines a cookie for the page. Its content must follow the syntax defined in the IETF HTTP Cookie Specification. -
    -

    Warning: Do not use this instruction, as it is obsolete. Use the HTTP header Set-Cookie instead.

    -
    -
    • -
-
-
{{htmlattrdef("name")}}
-
-

This attribute defines the name of a piece of document-level metadata. It should not be set if one of the attributes {{htmlattrxref("itemprop", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} or {{htmlattrxref("charset", "meta")}} is also set.

- -

This metadata name is associated with the value contained by the {{htmlattrxref("content", "meta")}} attribute. The possible values for the name attribute are:

- -
    -
  • application-name which defines the name of the application running in the web page. - -
    Note: - -
      -
    • Browsers may use this to identify the application. It is different from the {{HTMLElement("title")}} element, which usually contain the application name, but may also contain information like the document name or a status.
      • -
    • Simple web pages shouldn't define an application-name.
      • -
    -
    -
    • -
  • author which defines the name of the document's author.
    • -
  • description which contains a short and accurate summary of the content of the page. Several browsers, like Firefox and Opera, use this as the default description of bookmarked pages.
    • -
  • generator which contains the identifier of the software that generated the page.
    • -
  • keywords which contains words relevant to the page's content separated by commas.
    • -
  • referrer which controls the Referer HTTP header attached to requests sent from the document: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Values for the content attribute of <meta name="referrer">
    no-referrerDo not send a HTTP Referrer header.
    originSend the origin of the document.
    no-referrer-when-downgradeSend the origin as a referrer to URLs as secure as the current page, (https→https), but does not send a referrer to less secure URLs (https→http). This is the default behaviour.
    origin-when-cross-originSend the full URL (stripped of parameters) for same-origin requests, but only send the origin for other cases.
    same-originA referrer will be sent for same-site origins, but cross-origin requests will contain no referrer information.
    strict-originOnly send the origin of the document as the referrer to a-priori as-much-secure destination (HTTPS->HTTPS), but don't send it to a less secure destination (HTTPS->HTTP).
    strict-origin-when-cross-originSend a full URL when performing a same-origin request, only send the origin of the document to a-priori as-much-secure destination (HTTPS->HTTPS), and send no header to a less secure destination (HTTPS->HTTP).
    unsafe-URLSend the full URL (stripped of parameters) for same-origin or cross-origin requests.
    - -
    -

    Notes:

    - -
      -
    • Some browsers support the deprecated values of always, default, and never for referrer.
      • -
    • Dynamically inserting <meta name="referrer"> (with document.write or appendChild) makes the referrer behaviour unpredictable.
      • -
    • When several conflicting policies are defined, the no-referrer policy is applied.
      • -
    -
    -
    • -
- -

This attribute may also have a value taken from the extended list defined on WHATWG Wiki MetaExtensions page. Although none have been formally accepted yet, a few commonly used names are:

- -
    -
  • creator which defines the name of the creator of the document, such as an organization or institution. If there are more than one, several {{HTMLElement("meta")}} elements should be used.
    • -
  • googlebot, a synonym of robots, is only followed by Googlebot (the indexing crawler for Google).
    • -
  • publisher which defines the name of the document's publisher.
    • -
  • robots which defines the behaviour that cooperative crawlers, or "robots", should use with the page. It is a comma-separated list of the values below: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Values for the content of <meta name="robots">
    ValueDescriptionUsed by
    indexAllows the robot to index the page (default).All
    noindexRequests the robot to not index the page.All
    followAllows the robot to follow the links on the page (default).All
    nofollowRequests the robot to not follow the links on the page.All
    noneEquivalent to noindex, nofollowGoogle
    noodpPrevents using the Open Directory Project description, if any, as the page description in search engine results. -

    Google, Yahoo, Bing

    -
    noarchiveRequests the search engine not to cache the page content.Google, Yahoo, Bing
    nosnippetPrevents displaying any description of the page in search engine results.Google, Bing
    noimageindexRequests this page not to appear as the referring page of an indexed image.Google
    nocacheSynonym of noarchive.Bing
    - -
    Notes: - -
      -
    • Only cooperative robots follow these rules. Do not expect to prevent e-mail harvesters with them.
      • -
    • The robot still needs to access the page in order to read these rules. To prevent bandwidth consumption, use a robots.txt file.
      • -
    • If you want to remove a page, noindex will work, but only after the robot visits the page again. Ensure that the robots.txt file is not preventing revisits.
      • -
    • Some values are mutually exclusive, like index and noindex, or follow and nofollow. In these cases the robot's behaviour is undefined and may vary between them.
      • -
    • Some crawler robots, like Google, Yahoo and Bing, support the same values for the HTTP header X-Robots-Tag; this allows non-HTML documents like images to use these rules.
      • -
    -
    -
    • -
  • slurp, is a synonym of robots, but only for Slurp - the crawler for Yahoo Search.
    • -
  • viewport, which gives hints about the size of the initial size of the {{glossary("viewport")}}. Used by mobile devices only. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Values for the content of <meta name="viewport">
    ValuePossible subvaluesDescription
    widthA positive integer number, or the text device-widthDefines the pixel width of the viewport that you want the web site to be rendered at.
    heightA positive integer, or the text device-heightDefines the height of the viewport. Not used by any browser.
    initial-scaleA positive number between 0.0 and 10.0Defines the ratio between the device width (device-width in portrait mode or device-height in landscape mode) and the viewport size.
    maximum-scaleA positive number between 0.0 and 10.0Defines the maximum amount to zoom in. It must be greater or equal to the minimum-scale or the behaviour is undefined. Browser settings can ignore this rule and iOS10+ ignores it by default.
    minimum-scaleA positive number between 0.0 and 10.0Defines the minimum zoom level. It must be smaller or equal to the maximum-scale or the behaviour is undefined. Browser settings can ignore this rule and iOS10+ ignores it by default.
    user-scalableyes or noIf set to no, the user is not able to zoom in the webpage. The default is yes. Browser settings can ignore this rule, and iOS10+ ignores it by default.
    - - - - - - - - - - - - - - - - -
    SpecificationStatusComment
    {{SpecName('CSS3 Device', '#viewport-meta', '<meta name="viewport">')}}{{Spec2('CSS3 Device')}}Non-normatively describes the Viewport META element
    - -
    See also: {{cssxref("@viewport")}}
    - -
    Notes: - -
      -
    • Though unstandardized, this declaration is respected by most mobile browsers due to de-facto dominance.
      • -
    • The default values may vary between devices and browsers.
      • -
    • To learn about this declaration in Firefox for Mobile, see this article.
      • -
    -
    -
    • -
-
-
{{htmlattrdef("scheme")}} {{obsolete_inline}}
-
This attribute defines the scheme in which metadata is described. A scheme is a context leading to the correct interpretations of the {{htmlattrxref("content", "meta")}} value, like a format. -
-

Warning: Do not use this value, as it is obsolete. There is no replacement as there was no real usage for it.

-
-
-
- -

Notes

- -

Depending on the attributes set, the kind of metadata can be one of the following:

- -
    -
  • If {{htmlattrxref("name", "meta")}} is set, it is document-level metadata, applying to the whole page.
    • -
  • If {{htmlattrxref("http-equiv", "meta")}} is set, it is a pragma directive — information normally given by the web server about how the web page is served.
    • -
  • If {{htmlattrxref("charset", "meta")}} is set, it is a charset declaration — the character encoding used by the webpage.
    • -
  • If {{htmlattrxref("itemprop", "meta")}} is set, it is user-defined metadata — transparent for the user-agent as the semantics of the metadata is user-specific. {{experimental_inline}}
    • -
- -

Examples

- -
<meta charset="utf-8">
-
-<!-- Redirect page after 3 seconds -->
-<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">
-
- -

Accessibility concerns

- -

Refreshing content

- -

Pages set with a refresh value run the risk of having the time interval being too short. People navigating with the aid of assistive technology such as a screen reader may be unable to read through and understand the page's content before being automatically redirected. The abrupt, unannounced updating of the page content may also be disorienting for people experiencing low vision conditions. 

- - - -

Viewport scaling

- -

Disabling zooming capabilities by setting user-scalable to a value of no prevents people experiencing low vision conditions from being able to read and understand page content.

- - - -

Specifications

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('Referrer Policy', '#referrer-policy-delivery-meta', '<meta name="referrer">')}}{{Spec2('Referrer Policy')}}Defines values and semantics of <meta name="referrer">.
{{SpecName('HTML WHATWG', 'semantics.html#the-meta-element', '<meta>')}}{{Spec2('HTML WHATWG')}}Added itemprop attribute
{{SpecName('HTML5 W3C', 'document-metadata.html#the-meta-element', '<meta>')}}{{Spec2('HTML5 W3C')}}Added charset attribute
{{SpecName('HTML4.01', 'struct/global.html#h-7.4.4.2', '<meta>')}}{{Spec2('HTML4.01')}} 
- -

Browser compatibility

- -

The information shown below has been pulled from MDN's Github (https://github.com/mdn/browser-compat-data).

- - - -

{{Compat("html.elements.meta")}}

- -

See also

- -
    -
  • The other elements containing metadata: {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("link")}}, {{HTMLElement("style")}},{{HTMLElement("title")}}.
    • -
diff --git a/files/vi/web/html/element/span/index.html b/files/vi/web/html/element/span/index.html deleted file mode 100644 index b97e83587f..0000000000 --- a/files/vi/web/html/element/span/index.html +++ /dev/null @@ -1,122 +0,0 @@ ---- -title: -slug: Web/HTML/Element/span -translation_of: Web/HTML/Element/span ---- -
{{HTMLRef}}
- -

Phần tử <span> HTML là một bộ chứa nội tuyến chung cho nội dung cụm từ, vốn không đại diện cho bất cứ điều gì. Nó có thể được sử dụng để nhóm các thành phần cho mục đích tạo kiểu (sử dụng các thuộc tính {{htmlattrxref ("class")}} hoặc {{htmlattrxref ("id")}}) hoặc vì chúng chia sẻ các giá trị thuộc tính, như {{htmlattrxref ( "lang")}}. Nó chỉ được sử dụng khi không có yếu tố ngữ nghĩa nào khác phù hợp. <span> rất giống với phần tử {{HTMLElement("div")}}, nhưng {{HTMLElement("div")}} là phần tử cấp khối trong khi <span> là phần tử nội tuyến.

- -
{{EmbedInteractiveExample("pages/tabbed/span.html", "tabbed-shorter")}}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Content categoriesFlow content, phrasing content.
Permitted contentPhrasing content.
Tag omission{{no_tag_omission}}
Permitted parentsAny element that accepts phrasing content, or any element that accepts flow content.
Implicit ARIA roleNo corresponding role
Permitted ARIA rolesAny
DOM interface{{domxref("HTMLSpanElement")}} (before {{glossary("HTML5")}}, the interface was {{domxref("HTMLElement")}})
- -

Attributes

- -

This element only includes the global attributes.

- -

Example

- -

Example 1

- -

HTML

- -
<p><span>Some text</span></p>
- -

Result

- -

{{EmbedLiveSample('Example_1')}}

- -

Example 2

- -

HTML

- -
<li><span>
-    <a href="portfolio.html" target="_blank">See my portfolio</a>
-</span></li>
-
- -

CSS

- -
li span {
-  background: gold;
- }
-
- -

Result

- -

{{EmbedLiveSample('Example_2')}}

- -

Specifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-span-element', '<span>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'textlevel-semantics.html#the-span-element', '<span>')}}{{Spec2('HTML5 W3C')}}The {{glossary("DOM")}} interface is now {{domxref("HTMLSpanElement")}}.
{{SpecName('HTML4.01', 'struct/global.html#edef-SPAN', '<span>')}}{{Spec2('HTML4.01')}}
- -

Browser compatibility

- - - -

{{Compat("html.elements.span")}}

- -

See also

- -
    -
  • HTML {{HTMLElement("div")}} element
    • -
diff --git a/files/vi/web/html/index.html b/files/vi/web/html/index.html deleted file mode 100644 index 11e9223087..0000000000 --- a/files/vi/web/html/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: HTML -slug: Web/HTML -tags: - - HTML -translation_of: Web/HTML -translation_of_original: HTML ---- -
-
HTML5 Demos
- -

Bộ sưu tập demo  cho thấy những công nghệ HTML mới nhất trong thực tiễn.

- -

HTML5_Logo

-
- -

Ngôn ngữ đánh dấu siêu văn bản (HyperText Markup Language - HTML) được sử dụng trong việc tạo trang web và các loại tài liệu khác có thể xem được bằng trình duyệt. HTML là một tiêu chuẩn quốc tế, được duy trì bởi  World Wide Web Consortium - Liên hợp Web toàn cầu. Trên phương diện kỹ thuật, HTML5 vẫn đang trong quá trình phát triển. Tuy nhiên nó được xem là  "tiêu chuẩn sống" và là phiên bản nâng cấp được cập nhật của HTML.

- - - - - - - - -
-

 Tài liệu HTML

- -
-
Giới thiệu về HTML
-
Phần này đề cập đến các thông tin cơ bản về cú pháp và ngữ nghĩa của một trang (tài liệu) HTML. Đây là những thông tin cơ bản và cần thiết trong việc phát triển những tài liệu HTML
-
Tham khảo về yếu tố của HTML
-
Đi vào chi tiết về từng phần tử được hỗ trợ bởi các trình duyệt khác nhau.
-
Danh sách thuộc tính HTML
-
Tìm hiểu tất cả các thuộc tính và những phần tử liên quan.
-
HTML5
-
Khám phá về API mới trong HTML5 và các  phần tử được hỗ trợ.
-
Thói quen xấu: copy-paste
-
Công nghệ web thường được học bằng cách xem nguồn từ những trang khác rồi copy-paste. Thói quen xấu này vẫn đang tiếp tục tồn tại.
-
  Vẽ đồ hoạ với Canvas
-
Một phần tử HTML mới : <canvas> có thể được dùng để tạo ra biểu đồ, các phần tử UI, và những yếu tố đồ hoạ tuỳ chỉnh khác từ phía máy khách - client.
-
Các mẹo tạo trang HTML với tốc độ tải nhanh
-
Web được tối ưu không đơn thuần chỉ là trang web có tương tác cao với khách truy cập, mà còn được kỳ vọng là có khả năng giảm tải lên máy chủ và kết nối internet.
-
- -

Xem tất cả...

- 		-

Nhận trợ giúp từ cộng đồng

- -

Bạn cần trợ giúp về một vấn đề liên quan đến HTML mà không thể tìm thấy giải pháp trong phần tài liệu?

- - - -

Đừng quên giao tiếp một cách netiquette...

- -

Công cụ hỗ trợ phát triển HTML

- - - -

Xem tất cả...

- - - - -
-- cgit v1.2.3-54-g00ecf