Ai đã tạo ra phiên bản đầu tiên của html. Lịch sử phát triển HTML. Nên chọn DOCTYPE nào
HTML (Ngôn ngữ đánh dấu siêu văn bản) là ngôn ngữ đánh dấu tài liệu đặc biệt. Điều quan trọng cần lưu ý là ở đây Chúng ta đang nói về về tài liệu điện tử hơn là tài liệu in.
Một tài liệu in có kích thước trang và lề được chỉ định nghiêm ngặt. Nó chỉ định chính xác các tham số phông chữ. Các tài liệu điện tử và các trang Web không nhằm mục đích in trên máy in mà để xem trên màn hình. Người ta không biết trước tài liệu sẽ được xem trên máy tính nào. Kích thước của cửa sổ trình duyệt không xác định và không xác định được phông chữ nào có sẵn.
Ngôn ngữ HTML được tạo đặc biệt để thiết kế các tài liệu màn hình sẽ được sao chép bằng các phương tiện không xác định. HTML ban đầu không nhằm mục đích định dạng tài liệu mà để đánh dấu chức năng của nó. Ví dụ: “tiêu đề” là đặc điểm của nội dung chứ không phải của thiết kế. Chương trình xem tài liệu trên màn hình (trình duyệt, trình duyệt, trình khám phá) chọn cách hiển thị phần tài liệu được mô tả làm tiêu đề.
Tạo một tài liệu bằng HTML cũng tương tự như lập trình. Tác giả của tài liệu lấy văn bản thuần túy và dán vào đó mã đặc biệt(chúng được gọi là thẻ). Khi một tài liệu được xem, các thẻ đóng vai trò là lệnh. Ví dụ: nếu có thẻ ở đầu đoạn văn thì toàn bộ đoạn văn sẽ được căn chỉnh ở giữa cửa sổ, bất kể tài liệu sẽ được xem trong cửa sổ nào và văn bản sẽ được hiển thị ở phông chữ nào.
Thẻ HTML cho phép bạn căn chỉnh các dòng tài liệu, kiểm soát màu nền và phông chữ, chèn hình minh họa và ngắt dòng văn bản xung quanh chúng, đưa các đối tượng đa phương tiện vào tài liệu của bạn và hơn thế nữa. Kết quả là các tài liệu Web được thiết kế có ý nghĩa và ấn tượng.
Trong số nhiều thẻ HTML, có một nhóm thẻ đặc biệt được thiết kế để tạo liên kết siêu văn bản. Liên kết siêu văn bản là một đoạn văn bản hoặc hình minh họa được chọn được liên kết với địa chỉ của tài liệu khác. Các liên kết siêu văn bản thường được đánh dấu bằng cách gạch chân hoặc bằng màu khác. Nếu bạn di chuột qua một liên kết siêu văn bản, nó sẽ thay đổi hình dạng. Nếu bạn nhấp chuột trái vào một liên kết siêu văn bản, nó sẽ đưa bạn đến một trang Web khác, có thể nằm trên một máy chủ khác, thậm chí có thể ở một lục địa khác.
Tài liệu được tạo ở định dạng HTML sẽ được lưu trong các tệp có phần mở rộng html hoặc htm.
Thẻ HTMLCấu trúc điều khiển trong HTML được gọi là thẻ. Thẻ là tập hợp các ký tự được sử dụng để đánh dấu văn bản. Tất cả các thẻ được viết trong dấu ngoặc nhọn, được tạo thành bởi các ký hiệu nhỏ hơn (). Sau dấu ngoặc mở là từ khóa xác định thẻ.
Trường hợp chữ cái trong tên thẻ không quan trọng. Tuy nhiên, thông thường người ta viết thẻ bằng chữ in hoa để phân biệt chúng với văn bản chính.
Thẻ có thể được ghép nối hoặc không ghép nối. Để tác động đến một phần của tài liệu (ví dụ: một đoạn văn), các thẻ ghép nối được sử dụng: mở và đóng. Thẻ mở tạo ra hiệu ứng và thẻ đóng sẽ dừng hiệu ứng đó. Thẻ đóng bắt đầu bằng dấu gạch chéo lên (/).
Các thẻ không ghép đôi sẽ ảnh hưởng đến toàn bộ tài liệu hoặc có tác dụng một lần khi chúng xuất hiện. Trong trường hợp này, thẻ đóng không được sử dụng.
Nếu do nhầm lẫn, thẻ chứa từ khóa không có trong ngôn ngữ đó thì thẻ đó sẽ hoàn toàn bị bỏ qua.
Khi xem tài liệu trong trình duyệt, bản thân các thẻ không được hiển thị nhưng chúng ảnh hưởng đến cách hiển thị tài liệu.
Hiệu ứng được tạo bởi thẻ có thể bị ảnh hưởng bởi các thuộc tính. Thuộc tính là các từ chức năng được phân tách khỏi từ khóa thẻ và với nhau bằng dấu cách. Nếu bạn cần chỉ định giá trị thuộc tính, nó được viết sau dấu bằng và được đặt trong dấu ngoặc kép. Trong các thẻ ghép nối, các thuộc tính chỉ được thêm vào thẻ mở. Thẻ đóng không bao giờ chứa .
Ngôn ngữ HTML cho phép bạn nhập vào một tài liệu
Bài giảng 2. HTML cơ bản. Đặc điểm của HTML5.
1. Lịch sử phát triển của ngôn ngữ htmlNăm 1989, Tim Berners-Lee đề xuất với lãnh đạo Trung tâm Năng lượng Cao Quốc tế (CERN) một dự án về hệ thống siêu văn bản phân tán, mà ông gọi là Thế giới Web rộng(WWW), Mạng toàn cầu. Ý tưởng ban đầu của hệ thống là sử dụng hệ thống điều hướng siêu văn bản để kết hợp toàn bộ tập hợp tài nguyên thông tin CERN thành một hệ thống thông tin thống nhất.
Một trong những thành phần của công nghệ tạo ra hệ thống siêu văn bản phân tán toàn thế giới Web trở thành ngôn ngữ đánh dấu siêu văn bản HTML (HyperText Markup Language), được phát triển bởi Tim Berners-Lee dựa trên ngôn ngữ đánh dấu tổng quát tiêu chuẩn (SGML). Daniel W. Connolly đã viết Định nghĩa loại tài liệu cho nó - mô tả chính thức Cú pháp HTML theo SGML.
Các nhà phát triển HTML đã có thể giải quyết hai vấn đề:
cung cấp cho các nhà thiết kế cơ sở dữ liệu siêu văn bản một phương tiện đơn giản để tạo tài liệu;
làm cho công cụ này đủ mạnh để phản ánh sự hiểu biết hiện tại về giao diện người dùng của cơ sở dữ liệu siêu văn bản.
Vấn đề đầu tiên đã được giải quyết bằng cách chọn mô hình gắn thẻ cho mô tả tài liệu. Mô hình này được sử dụng rộng rãi trong các hệ thống chuẩn bị tài liệu để in.
Ngôn ngữ HTML cho phép bạn đánh dấu một tài liệu điện tử được hiển thị trên màn hình với mức độ thiết kế in ấn; tài liệu thu được có thể chứa nhiều loại nhãn, hình minh họa, đoạn âm thanh và video, v.v. Ngôn ngữ này bao gồm các công cụ được phát triển để tạo cấp độ khác nhau tiêu đề, lựa chọn phông chữ, danh sách, bảng biểu khác nhau và nhiều hơn nữa.
Điểm quan trọng thứ hai ảnh hưởng đến số phận của HTML là một tệp văn bản thông thường đã được chọn làm cơ sở.
Như vậy, cơ sở dữ liệu siêu văn bản trong khái niệm WWW là một tập hợp tập tin văn bản, được đánh dấu bằng ngôn ngữ HTML, ngôn ngữ này xác định hình thức trình bày thông tin (đánh dấu) và cấu trúc kết nối giữa các tệp này và các tài nguyên thông tin khác (liên kết siêu văn bản). Liên kết siêu văn bản, thiết lập kết nối giữa các tài liệu văn bản, dần dần bắt đầu hợp nhất nhiều nguồn thông tin khác nhau, bao gồm cả âm thanh và video; Kết quả là một khái niệm mới đã nảy sinh - hypermedia.
Cách tiếp cận này giả định trước sự hiện diện của một thành phần khác của công nghệ - trình thông dịch ngôn ngữ. Trên World Wide Web, các chức năng thông dịch được phân chia giữa máy chủ Web cơ sở dữ liệu siêu văn bản và giao diện người dùng. Máy chủ, ngoài việc truy cập tài liệu và xử lý các liên kết siêu văn bản, còn cung cấp tính năng xử lý trước tài liệu, trong khi giao diện người dùng diễn giải các cấu trúc ngôn ngữ liên quan đến việc trình bày thông tin.
Phiên bản
HTML 4.01 (những thay đổi, quan trọng hơn so với cái nhìn đầu tiên) - ngày 24 tháng 12 năm 1999;
ISO/IEC 15445:2000 (còn gọi là ISO HTML, dựa trên HTML 4.01 Strict) - 15 tháng 5 năm 2000.
HTML 5 - đang được phát triển. Sự kết thúc của sự phát triển được lên kế hoạch cho năm 2014.
Không có đặc tả HTML 1.0 chính thức. Trước năm 1995, có nhiều tiêu chuẩn HTML không chính thức. Để làm cho phiên bản tiêu chuẩn khác biệt với chúng, nó ngay lập tức được cấp số thứ hai.
Phiên bản 3 do Liên danh đề xuất mạng toàn cầu(W3C) vào tháng 3 năm 1995 và cung cấp nhiều tính năng mới như tạo bảng, gói văn bản quanh hình ảnh và hiển thị các công thức toán học phức tạp, hỗ trợ định dạng gif. Mặc dù tiêu chuẩn này tương thích với phiên bản thứ hai, nhưng việc triển khai nó vẫn gặp khó khăn đối với các trình duyệt vào thời điểm đó. Phiên bản 3.1 chưa bao giờ được đề xuất chính thức và phiên bản tiếp theo của tiêu chuẩn HTML là 3.2, loại bỏ nhiều cải tiến của phiên bản 3.0 nhưng bổ sung thêm các phần tử phi tiêu chuẩn được hỗ trợ bởi trình duyệt Netscape Navigator và Khảm.
HTML 4.0 đã có một số cải tiến về tiêu chuẩn. Nhiều mặt hàng đã được đánh dấu là lỗi thời và không được dùng nữa. không được dùng nữa). Đặc biệt, thành phần phông chữ, được sử dụng để thay đổi thuộc tính phông chữ, đã được đánh dấu là không được dùng nữa (thay vào đó nên sử dụng biểu định kiểu CSS).
Năm 1998, World Wide Web Consortium bắt đầu nghiên cứu một ngôn ngữ đánh dấu mới dựa trên HTML 4 nhưng nhất quán với cú pháp XML. Sau đó Ngôn ngữ mớiđược gọi là XHTML. Phiên bản đầu tiên của XHTML 1.0 đã được phê duyệt là Khuyến nghị của Hiệp hội Web Toàn cầu vào ngày 26 tháng 1 năm 2000.
Phiên bản kế hoạch của XHTML 2.0 được cho là sẽ phá vỡ khả năng tương thích với các phiên bản HTML và XHTML cũ hơn, nhưng vào ngày 2 tháng 7 năm 2009, World Wide Web Consortium đã thông báo rằng các quyền lực nhóm làm việc XHTML2 hết hạn vào cuối năm 2009. Do đó, mọi sự phát triển tiếp theo của tiêu chuẩn XHTML 2.0 đều bị đình chỉ.
World Wide Web Consortium hiện đang phát triển HTML phiên bản 5. Một bản đặc tả ngôn ngữ phác thảo xuất hiện trên Internet vào ngày 20 tháng 11 năm 2007.
Tim Berners-Lee
Người tạo ra ngôn ngữ HTML
Bài viết này về HTML cung cấp Đánh giá ngắn ngôn ngữ, cấu trúc, đặc điểm, lịch sử của nó. Bài viết này về ngôn ngữ HTML nhằm mục đích đọc cho phát triển chung và ở giai đoạn đầu học HTML, bạn có thể bỏ qua phần này và quay lại sau sau khi đọc.
HTML (Ngôn ngữ đánh dấu siêu văn bản)- Ngôn ngữ đánh dấu siêu văn bản. Các trang web được tạo bằng ngôn ngữ HTML.
Người tạo ra ngôn ngữ HTML là nhà khoa học xuất sắc người Anh Tim Berners-Lee.
Phiên bản HTMLTrước năm 1995, không có tiêu chuẩn chính thức cho ngôn ngữ HTML nhưng có một số phiên bản ngôn ngữ HTML không được tiêu chuẩn hóa. Ngày 22 tháng 9 năm 1995, tiêu chuẩn chính thức đầu tiên của ngôn ngữ HTML được tạo ra, nó ngay lập tức nhận được con số 2.0 (HTML 2.0).
Ngày 14 tháng 1 năm 1997, phiên bản HTML 3.2 xuất hiện,
Ngày 18 tháng 12 năm 1997 HTML 4.0,
Ngày 24 tháng 12 năm 1999 HTML 4.01
Vào những năm 00, cũng có Ngôn ngữ đánh dấu XHTML(giống như HTML nhưng có cú pháp chặt chẽ hơn). XHTML nhằm mục đích chuẩn bị cho các quản trị viên web quy tắc nghiêm ngặt dấu hiệu ngôn ngữ XML. Nhờ những dấu hiệu nghiêm ngặt, các chương trình khác nhau và các dịch vụ hiểu XML có thể xử lý dữ liệu một cách hiệu quả trên các trang web được viết bằng XHTML và bằng ngôn ngữ này, có thể triển khai SVG, MathML, CML và các dẫn xuất khác của ngôn ngữ XML.
XHTML tồn tại ở ba phiên bản: strict, transitional và frameset; trong phiên bản chuyển tiếp, bạn có thể sử dụng các thẻ cũ như center hoặc font. TRÊN khoảnh khắc này, việc phát triển ngôn ngữ XHTML đã bị đóng cửa.
Phiên bản hiện đại của ngôn ngữ HTML là HTML5 và đây là phiên bản mà chúng ta sẽ nghiên cứu. cuốn sách giáo khoa này. HTML5 tiện lợi hơn các ngôn ngữ trước đây và đã hấp thụ tất cả các ưu điểm của chúng; nó cũng rất coi trọng ngữ nghĩa.
Ngôn ngữ CSS và HTMLBắt đầu từ phiên bản 4 của ngôn ngữ HTML, hãy thay đổi vẻ bề ngoài Thẻ HTML chỉ được khuyến nghị sử dụng ngôn ngữ CSS. Vì vậy, nên học song song hai ngôn ngữ HTML và CSS. Trong hướng dẫn HTML dành cho người mới bắt đầu này, chúng ta cũng sẽ xem xét các khía cạnh cơ bản của ngôn ngữ CSS, nhưng để tiếp tục học, bạn có thể tự đọc nó
Lịch sử của HTMLNgôn ngữ HTML được tạo ra vào năm 1991 bởi nhà khoa học người Anh Tim Berners-Lee. Vào thời điểm đó, Tim đang làm việc tại CERN (Tổ chức Nghiên cứu Hạt nhân Châu Âu) và các trang web vẫn chưa tồn tại. Các nhà khoa học làm việc tại trung tâm này cần đáng tin cậy và cách hiệu quả trao đổi thông tin.
Sự lựa chọn rơi vào ngôn ngữ SGML, nhưng nó quá phức tạp và sau đó Tim, dựa trên SGML, đã tạo ra một biến thể đơn giản hóa của nó - HTML, nhờ đó bất kỳ nhà khoa học nào cũng có thể tạo ra một tài liệu đơn giản chứa thông tin, đóng khung nó bằng nhiều thẻ khác nhau: đoạn văn, tiêu đề, liên kết và đăng lên Internet, đồng thời các nhà khoa học khác có thể đọc được thông tin này.
Ban đầu, trong các tài liệu HTML (trên các trang của trang web), chỉ có thể đặt thông tin văn bản, khả năng thêm các tập tin media: hình ảnh, video và âm thanh xuất hiện muộn hơn một chút.
Hiện tại, W3C đang tham gia hỗ trợ và phát triển ngôn ngữ HTML. (Hiệp hội Web toàn cầu)- Hiệp hội Web toàn cầu. W3C bao gồm nhiều nhóm làm việc khác nhau thực hiện và phát triển các tiêu chuẩn và công nghệ Internet.
Bảng phân phối trình duyệtCác tệp HTML thường có phần mở rộng .html hoặc .htm. Những tập tin này có thể được xem bằng trình duyệt Internet.
Bảng tên trình duyệt và số lượng phân phối của chúng trên thế giới, tính đến tháng 1 năm 2016, theo thứ tự giảm dần:
| Google Chrome | 54,22 % |
| trình duyệt web IE | 14,67 % |
| Mozilla Firefox | 14,61 % |
| Cuộc đi săn | 9,43 % |
| Opera | 1,96 % |
| Người khác | 5,11 % |
Khái niệm cơ bản về HTML chứa các quy tắc cơ bản của ngôn ngữ HTML, mô tả cấu trúc của trang HTML và các mối quan hệ trong cấu trúc của tài liệu HTML giữa các thành phần HTML.
Một tài liệu HTML là một tài liệu thông thường Dữ liệu văn bản, có thể được tạo cả trong trình soạn thảo văn bản thông thường (Notepad) và trong trình soạn thảo văn bản chuyên dụng có tính năng tô sáng mã (Notepad++, Visual Studio Mã, v.v.). Tài liệu HTML có phần mở rộng .html.
Một tài liệu HTML bao gồm một cây gồm các phần tử HTML và văn bản. Mỗi phần tử được xác định trong tài liệu nguồn bằng thẻ bắt đầu (mở) và thẻ kết thúc (đóng) (hiếm khi có ngoại lệ).
Thẻ bắt đầu hiển thị nơi phần tử bắt đầu, thẻ kết thúc hiển thị nơi phần tử kết thúc. Thẻ đóng được hình thành bằng cách thêm dấu gạch chéo / trước tên thẻ: .... Giữa thẻ bắt đầu và thẻ đóng là nội dung của thẻ – nội dung.
Các thẻ đơn không thể lưu trữ nội dung trực tiếp; nó được viết dưới dạng một giá trị thuộc tính, ví dụ: một thẻ sẽ tạo một nút có văn bản Nút bên trong.
Các thẻ có thể được lồng vào nhau, ví dụ:
Chữ
. Khi đầu tư, bạn nên tuân theo thứ tự đóng (nguyên tắc “matryoshka”), ví dụ: mục sau sẽ không chính xác:Chữ
.Các phần tử HTML có thể có các thuộc tính (toàn cầu, áp dụng cho tất cả các phần tử HTML và thuộc tính của chính chúng). Các thuộc tính được ghi trong thẻ mở của phần tử và chứa tên và giá trị, được chỉ định theo định dạng thuộc tính name="value" . Các thuộc tính cho phép bạn thay đổi các thuộc tính và hành vi của phần tử mà chúng được đặt.
Mỗi phần tử có thể được gán nhiều giá trị lớp và chỉ một giá trị id. Nhiều giá trị lớp được viết cách nhau bởi dấu cách, . Các giá trị lớp và id chỉ được bao gồm các chữ cái, số, dấu gạch ngang và dấu gạch dưới và chỉ được bắt đầu bằng các chữ cái hoặc số.
Trình duyệt xem (diễn giải) tài liệu HTML, xây dựng cấu trúc của nó (DOM) và hiển thị nó theo hướng dẫn có trong tệp này (biểu định kiểu, tập lệnh). Nếu đánh dấu chính xác, cửa sổ trình duyệt sẽ hiển thị một trang HTML chứa các phần tử HTML - tiêu đề, bảng, hình ảnh, v.v.
Quá trình giải thích (phân tích cú pháp) bắt đầu trước khi trang web được tải đầy đủ vào trình duyệt. Trình duyệt xử lý tài liệu HTML một cách tuần tự ngay từ đầu trong khi xử lý CSS và các biểu định kiểu liên quan đến các thành phần trang.
Một tài liệu HTML bao gồm hai phần - phần tiêu đề - giữa các thẻ ... và phần nội dung - giữa các thẻ ....
Cấu trúc trang web 1. Cấu trúc tài liệu HTMLHTML tuân theo các quy tắc có trong tệp khai báo loại tài liệu (Định nghĩa loại tài liệu hoặc DTD). DTD là một tài liệu XML xác định các thẻ, thuộc tính và giá trị của chúng hợp lệ cho loại cụ thể HTML. Mỗi phiên bản HTML đều có DTD riêng.
DOCTYPE chịu trách nhiệm về việc trình duyệt hiển thị chính xác trang web. DOCTYPE chỉ định không chỉ phiên bản HTML (ví dụ html) mà còn cả tệp DTD tương ứng trên Internet.
...
Các phần tử bên trong thẻ tạo thành một cây tài liệu, được gọi là mô hình đối tượng tài liệu, DOM (tài liệu mô hình đối tượng) . Trong trường hợp này, phần tử là phần tử gốc.
Cơm. 1. Cấu trúc đơn giản nhất trang web Để hiểu được sự tương tác của các thành phần trang web, cần xem xét cái gọi là “mối quan hệ họ hàng” giữa các thành phần. Mối quan hệ giữa nhiều phần tử lồng nhau được phân loại là cha, con và chị em.
Tổ tiên là một phần tử chứa các phần tử khác. Trong Hình 1, tổ tiên của tất cả các phần tử là . Đồng thời, phần tử này là tổ tiên của tất cả các thẻ mà nó chứa: ,
, , vân vân.
Hậu duệ là một phần tử nằm trong một hoặc nhiều loại phần tử. Ví dụ: là hậu duệ của , và phần tử
Là hậu duệ của cả hai và .
Phần tử cha - một phần tử có liên quan đến nhiều phần tử khác cấp thấp, và nằm trên cây phía trên chúng. Trong Hình 1 và . Nhãn
Là cha mẹ chỉ để .
Phần tử con- một phần tử trực tiếp phụ thuộc vào phần tử khác ở cấp độ cao hơn. Trong Hình 1 chỉ có các phần tử , ,
Và là con của .
Phần tử chị em - một phần tử có điểm chung phần tử cha với cái đang được xem xét, cái gọi là các yếu tố cùng cấp. Trong Hình 1 và là các phần tử có cùng cấp độ, cũng như các phần tử , và
Họ là chị em của nhau.
1.1. Yếu tố 1.2. Yếu tốPhần... chứa thông tin kĩ thuật về trang: tiêu đề, mô tả, từ khóa cho công cụ tìm kiếm, mã hóa, v.v. Thông tin bạn nhập vào đó không được hiển thị trong cửa sổ trình duyệt nhưng nó chứa thông tin cho trình duyệt biết cách xử lý trang.
1.2.1. Yếu tốThẻ phần được yêu cầu là . Văn bản được đặt bên trong thẻ này sẽ xuất hiện trên thanh tiêu đề của trình duyệt web. Tiêu đề không được dài quá 60 ký tự để phù hợp hoàn toàn với tiêu đề. Văn bản tiêu đề nên chứa càng nhiều càng tốt Mô tả đầy đủ nội dung trang web.
1.2.2. Yếu tốThẻ phần tùy chọn là một thẻ duy nhất. Với sự trợ giúp của nó, bạn có thể đặt mô tả về nội dung trang và từ khóa cho các công cụ tìm kiếm, tác giả của tài liệu HTML và các thuộc tính siêu dữ liệu khác. Một phần tử có thể chứa nhiều phần tử vì chúng mang thông tin khác nhau tùy thuộc vào thuộc tính được sử dụng.
Mô tả nội dung trang và từ khóa có thể được chỉ định đồng thời bằng nhiều ngôn ngữ, ví dụ: bằng tiếng Nga và tiếng Anh:
Bằng cách sử dụng thẻ, bạn có thể chặn hoặc cho phép các công cụ tìm kiếm lập chỉ mục một trang web:
Để tự động tải lại trang sau một khoảng thời gian xác định, bạn cần sử dụng giá trị làm mới:
Trang này sẽ được tải lại sau 30 giây. Để chuyển hướng khách truy cập đến một trang khác, bạn cần chỉ định URL trong tham số url:
| bộ ký tự | Chỉ định mã hóa ký tự cho tài liệu HTML hiện tại: |
| nội dung | Chứa văn bản tùy ý chỉ định giá trị được liên kết với thuộc tính http-equiv hoặc name, tùy thuộc vào giá trị của chúng. |
| http-tương đương | Kiểm soát các hành động của trình duyệt trên một trang web nhất định (tương đương với các tiêu đề HTTP). Khi hiển thị trang, trình duyệt sẽ làm theo hướng dẫn được chỉ định trong thuộc tính: kiểu mặc định chỉ định kiểu ưa thích để sử dụng trên trang. Thuộc tính nội dung phải chứa ID của phần tử tham chiếu bảng Kiểu CSS hoặc mã định danh của phần tử chứa biểu định kiểu. làm mới cho biết thời gian tính bằng giây trước khi trang được tải lại hoặc thời gian trước khi chuyển hướng đến trang khác nếu thuộc tính nội dung chứa dòng "url=page_address" sau thời gian. Tự động khởi động lại trang sau một khoảng thời gian nhất định, trong trong ví dụ này, sau 30 giây: Nếu bạn cần chuyển hướng ngay lập tức khách truy cập đến một trang khác, bạn có thể chỉ định URL trong tham số url: |
| tên | Liên kết với giá trị chứa trong thuộc tính nội dung. Không nên sử dụng nếu phần tử đã có bộ thuộc tính http-equiv , charset hoặc itemprop . tên ứng dụng chỉ định tên của ứng dụng web được sử dụng trên trang. tác giả chỉ định tên tác giả của tài liệu ở định dạng tự do. mô tả xác định Mô tả ngắn vào nội dung trang, ví dụ: trình tạo chỉ định một trong các gói phần mềm, được sử dụng để tạo một tài liệu, ví dụ: . từ khóa chứa một danh sách từ khóa, cách nhau bằng dấu phẩy, tương ứng với nội dung trang, ví dụ: . Cũng thuộc tính tên có thể lấy các giá trị sau từ đặc tả mở rộng, chẳng hạn như Creator , Googlebot , Nhà xuất bản , Robot , Slurp , Viewport , mặc dù chưa có giá trị nào trong số này được áp dụng chính thức. |
Bên trong phần tử này, các kiểu được sử dụng trên trang sẽ được đặt. Để đặt kiểu trong tài liệu HTML, hãy sử dụng ngôn ngữ CSS. Có thể có một số phần tử như vậy trên một trang.
Bên trong phần tử này, bạn có thể viết mã định dạng cho cả các thành phần trang web và toàn bộ trang web.
.paper ( chiều rộng: 200px; chiều cao: 300px; màu nền: #ef4444; màu: #666666; )
Để kết nối một kiểu được chỉ định với một phần tử, bạn cần gán tên thích hợp cho phần tử đó bằng thuộc tính class (hoặc id):
...
Mã CSS có thể được nhúng trực tiếp vào phần tử đánh dấu dưới dạng giá trị thuộc tính phong cách, Ví dụ:
1.2.4. Yếu tố
Bạn cũng có thể đặt kiểu cho tài liệu bằng phương pháp khác - viết chúng vào một tệp riêng có phần mở rộng .css, ví dụ: style.css.
Có hai cách để kết nối một tệp có kiểu với một trang web:
thông qua chỉ thị url @import
@import url(style.css);
sử dụng phần tử. Phần tử không yêu cầu thẻ đóng. Phần tử này xác định mối quan hệ giữa trang hiện tại và các tài liệu khác. Có thể có một số phần tử như vậy trên một trang. Mục nhập sẽ có lượt xem tiếp theo:
| nguồn gốc chéo | Cho biết liệu CORS (một công nghệ trình duyệt cho phép trang web truy cập tài nguyên từ một miền khác) có nên được sử dụng khi truy xuất hình ảnh từ một trang web hay không. ẩn danh — trình duyệt tự động thêm tiêu đề Origin vào yêu cầu tên miền chéo, chứa tên miền mà yêu cầu được thực hiện. Nếu máy chủ không phản hồi với tiêu đề CORS Access-Control-Allow-Origin: * (hoặc tên miền thay vì dấu hoa thị), thì việc tải hình ảnh sẽ bị chặn. use-credentials - Nếu máy chủ không cung cấp thông tin xác thực bằng Access-Control-Allow-Credentials: true thì việc tải hình ảnh sẽ bị chặn. |
| href | Thuộc tính chính của thẻ, giá trị là đường dẫn đến tệp có kiểu. |
| hreflang | Xác định ngôn ngữ của văn bản trong tài liệu được tham chiếu. |
| phương tiện truyền thông | Chỉ định loại thiết bị mà tài nguyên liên kết sẽ được áp dụng. |
| nonce | Đã tạo ngẫu nhiên một biến chuỗi trên máy chủ đặt quy tắc sử dụng kiểu nội tuyến để bảo vệ nội dung. Giá trị thuộc tính là một chuỗi văn bản. |
| liên quan | Thuộc tính xác định mối quan hệ giữa tài liệu hiện tại và tài liệu được tham chiếu. thay thế - một liên kết đến cùng một tài liệu, nhưng ở định dạng khác (ví dụ: các trang để in, dịch, nhân bản, nguồn cấp dữ liệu ở định dạng RSS hoặc Atom), . kho lưu trữ - chỉ ra rằng tài liệu được liên kết có giá trị lịch sử. Liên kết có thể trỏ đến một bộ sưu tập hồ sơ, tài liệu hoặc tài liệu khác. tác giả liên kết đến một trang về tác giả của tài liệu hoặc đến một trang có thông tin liên hệ của tác giả. đánh dấu liên kết đến nguồn gốc gần nhất của bài viết, đó là liên kết, hoặc đến phần bài viết có liên quan chặt chẽ nhất với phần tử nếu không có tổ tiên. bên ngoài được sử dụng để chỉ ra rằng trang được liên kết đến không phải là một phần của trang này. đầu tiên chỉ định một liên kết trỏ đến tài liệu đầu tiên trong chuỗi tài liệu. liên kết trợ giúp tới một tài liệu trợ giúp. biểu tượng chỉ định đường dẫn đến biểu tượng sẽ được sử dụng cho tài liệu hiện tại. cuối cùng chỉ ra một liên kết dẫn đến tài liệu cuối cùng theo trình tự các tài liệu. giấy phép Một liên kết đến thông tin bản quyền của một tài liệu. tiếp theo chỉ ra rằng tài liệu này là một phần của một bộ và liên kết sẽ dẫn đến tài liệu tiếp theo trong bộ đó. nofollow chỉ ra rằng liên kết không được tác giả của trang xác nhận hoặc liên kết đó có tính chất thương mại. noreferrer chỉ ra rằng tiêu đề yêu cầu của khách hàng chứa url của nguồn yêu cầu sẽ không được chuyển khi theo liên kết. pingback chỉ định địa chỉ của máy chủ pingback, cho phép blog tự động thông báo cho các trang web liên kết tới nó. tìm nạp trước chỉ định rằng tệp được tham chiếu phải được lưu vào bộ đệm trước. prev chỉ ra rằng tài liệu này là một phần của một bộ và liên kết đến tài liệu trước đó trong bộ đó. tìm kiếm chỉ ra rằng tài liệu được tham chiếu chứa giao diện tìm kiếm và các tài nguyên liên quan. thanh bên cho biết rằng tài liệu được liên kết sẽ được hiển thị trong ngữ cảnh trình duyệt bổ sung, nếu có thể và một số trình duyệt, khi bạn nhấp vào siêu liên kết, sẽ mở một cửa sổ để thêm liên kết vào thanh dấu trang của bạn. liên kết biểu định kiểu đến tập tin bên ngoài, sẽ được sử dụng làm biểu định kiểu cho tài liệu này. thẻ chỉ ra rằng thẻ siêu liên kết áp dụng cho tài liệu này. lên chỉ ra rằng trang này là một phần của cấu trúc phân cấp và siêu liên kết đi đến nhiều hơn cấp độ cao tài nguyên trong cấu trúc. |
| kích cỡ | Chỉ định kích thước biểu tượng cho hiển thị trực quan. Thuộc tính kích thước chỉ được sử dụng cùng với rel="icon" và có thể nhận các giá trị sau: widths-height - xác định danh sách các kích thước được phân tách bằng dấu cách, mỗi kích thước phải ở định dạng - widths-height (kích thước biểu tượng được chỉ định bằng pixel), ví dụ: ; bất kỳ - biểu tượng có thể được thu nhỏ theo bất kỳ kích thước nào. |
| tiêu đề | Xác định tiêu đề của một liên kết hoặc tên của một tập hợp các biểu định kiểu thay thế. Giá trị thuộc tính là văn bản. |
| kiểu | Chỉ định loại MIME của tài liệu đang được tham chiếu. TRONG trong trường hợp này nó nhận giá trị "text/css". |
| không đồng bộ | Thuộc tính chỉ ra rằng tập lệnh sẽ chạy không đồng bộ với phần còn lại của trang (tập lệnh sẽ bắt đầu thực thi cùng lúc tải trang). |
| bộ ký tự | Xác định mã hóa ký tự |
| nguồn gốc chéo | Xác định xem CORS có được sử dụng khi tải hay không tập lệnh bên ngoài(sử dụng thuộc tính src). ẩn danh - trước khi tải tập lệnh vào yêu cầu tên miền chéo, trình duyệt sẽ tự động thêm tiêu đề Origin mà không chuyển tham số truy cập (cookie, chứng chỉ X.509, thông tin đăng nhập/mật khẩu để xác thực cơ bản qua HTTP). Nếu phản hồi của máy chủ không chứa tiêu đề Access-Control-Allow-Origin: tên miền thì tập lệnh sẽ không được tải. thông tin xác thực sử dụng - trước khi tải tập lệnh vào yêu cầu tên miền chéo, trình duyệt sẽ tự động thêm tiêu đề Origin cho biết các tham số truy cập (cookie, chứng chỉ SSL hoặc cặp thông tin đăng nhập/mật khẩu). Nếu phản hồi của máy chủ không chứa tiêu đề Access-Control-Allow-Credentials: true thì tập lệnh sẽ không được tải. |
| hoãn lại | Việc giải thích các tập lệnh bị trì hoãn cho đến khi tài liệu được hiển thị trên thiết bị của người dùng. |
| nonce | Cung cấp bảo mật bằng cách bảo vệ chống lại các cuộc tấn công kịch bản chéo trang (XSS). Đặt quy tắc sử dụng tập lệnh tích hợp bằng cách sử dụng giá trị nonce và giá trị băm. Trong quá trình hiển thị trang, trình duyệt tính toán các giá trị băm cho từng tập lệnh nội tuyến và so sánh chúng với các giá trị được liệt kê trong CSP. Tải xuống từ các tài nguyên khác ngoài " Danh sách trắng", bị chặn. |
| src | Cho biết vị trí của tệp script, giá trị thuộc tính là url tập tin chứa chương trình JavaScript. |
| kiểu | Dùng để khai báo ngôn ngữ script dùng để soạn thảo nội dung của thẻ. |
Phần này chứa tất cả nội dung của tài liệu. Có sẵn cho phần tử.
| onafterprint | Một sự kiện xảy ra sau khi một trang được gửi đi in hoặc sau khi cửa sổ in đóng lại. |
| trước khi in | Một sự kiện xảy ra trước khi một trang được gửi đi in. |
| ontrước khi tải | Sự kiện xảy ra khi khách truy cập bắt đầu chuyển đổi sang trang khác hoặc nhấp vào “đóng cửa sổ”. Cho phép bạn hiển thị thông báo trong hộp thoại xác nhận để cho người dùng biết họ muốn ở lại hay rời khỏi trang hiện tại. |
| onhashchange | Sự kiện này được kích hoạt khi phần băm của URL thay đổi, chẳng hạn như khi người dùng chuyển từ example.domain/test.aspx#page1 sang example.domain/test.aspx#page2 . |
| tin nhắn | Một sự kiện xảy ra khi một tin nhắn được nhận thông qua một nguồn sự kiện. |
| trực tuyến | Sự kiện được trình duyệt kích hoạt khi trình duyệt xác định rằng kết nối Internet đã bị mất. |
| trực tuyến | Sự kiện được trình duyệt kích hoạt khi kết nối Internet được khôi phục. |
| ẩn trên trang | Sự kiện xảy ra khi người dùng rời khỏi trang thông qua điều hướng, chẳng hạn như nhấp vào liên kết, làm mới trang, điền vào biểu mẫu, v.v. |
| onpageshow | Sự kiện xảy ra khi người dùng điều hướng đến trang web, sau sự kiện onload. |
| đang tải xuống | Sự kiện được kích hoạt nếu trang không tải vì lý do nào đó hoặc khi cửa sổ trình duyệt bị đóng. |
Có thể tạo một biểu mẫu trên trang Web để người dùng có thể nhập thông tin được trình duyệt truyền đến máy chủ(thẻ) hoặc kiểm soát lựa chọn từ menu (thẻ).
Vì trong ngôn ngữ HTML, bộ thẻ bị giới hạn và cố định nên các hành động do chúng cung cấp, đặc biệt là các thao tác định dạng, được triển khai trong trình duyệt. Trong trường hợp này, các thẻ như , tương ứng với một kiểu nhất định (loại, kích thước, màu phông chữ). Để cho phép người dùng thiết lập kiểu hình ảnh mong muốn, các biểu định kiểu được phát triển để thể hiện thông tin tham số kiểu và cách liên kết các trang đó với tài liệu HTML. Hầu hết các trình duyệt đều hỗ trợ biểu định kiểu xếp tầng CSS (Bảng kiểu xếp tầng).
Bảng CSS bao gồm các quy tắc định dạng. Mỗi quy tắc chỉ định loại phần tử được áp dụng định dạng và danh sách khai báo. Danh sách được bao quanh bởi dấu ngoặc nhọn và các phần khai báo trong danh sách được phân tách bằng dấu chấm phẩy. Mỗi khai báo chỉ định giá trị của một trong các thuộc tính hiển thị của phần tử trong thuộc tính:value của biểu mẫu. Các thuộc tính bao gồm loại phông chữ (font), kích thước, màu sắc, căn chỉnh và kiểu dáng (thường, in đậm, in nghiêng) của phông chữ, màu nền hoặc mẫu, khoảng cách dòng, sự hiện diện của khung, vị trí tương đối của khối văn bản và các đặc điểm khác thường dùng để kiểm soát hình thức của hình ảnh trong soạn thảo văn bản. Thay vì loại phần tử, bạn có thể chỉ định tên của kiểu gốc đang được nhập; tên kiểu phải bắt đầu bằng dấu chấm.
Sử dụng biểu định kiểu liên quan đến việc chỉ định loại bảng trong một phần của tài liệu HTML. Quy tắc định dạng cũng được viết ở đó giữa các thẻ. Bạn có thể viết tất cả các quy tắc định dạng trong tập tin riêng biệt và sau đó trong tài liệu HTML chỉ cần đề cập đến tệp này trong một thẻ đặc biệt là đủ. Nếu kiểu được nhập chỉ áp dụng cho một phần của tài liệu thì thẻ có tham số LỚP sẽ được sử dụng, ví dụ:
Một phần của tài liệu
Các phiên bản đầu tiên của ngôn ngữ HTML khá đơn giản nhưng không phải không có một số thiếu sót. Trước hết, cần lưu ý rằng bộ thẻ còn hạn chế, không đáp ứng được nhu cầu của nhiều ứng dụng. Ngoài ra, ở Thẻ HTML Dữ liệu xác định cấu trúc của tài liệu không được tách khỏi dữ liệu trên hình ảnh (định dạng) của nó trên màn hình hiển thị khi xem bằng trình duyệt, điều này gây khó khăn cho việc làm việc với tài liệu. Do đó, các cải tiến đã được đưa vào các phiên bản mới của ngôn ngữ, khiến ngôn ngữ này trở nên phức tạp đáng kể nhưng không loại bỏ được những thiếu sót chính. Nhược điểm đáng kể nhất của HTML trước hết là không có khả năng tách biệt thông tin về cấu trúc của tài liệu khỏi thông tin về định dạng và thứ hai là không có công cụ HTML, cho phép bạn thực hiện các thao tác xử lý văn bản như sắp xếp, tìm kiếm các đoạn dựa trên đặc điểm nhất định, v.v.
Mô-đun tiếp theo
Cụm từ tìm kiếm
