Cách đặt khoảng trắng trong mã html. Tại sao bạn cần một khoảng trống không bị ngắt trong html?
Mọi người đã cố gắng tạo trang web bằng HTML phải đối mặt với vấn đề này. Gần như tất cả Thẻ HTML cắt bỏ những khoảng trống thừa. Và lần này tôi sẽ cho bạn một ví dụ về việc “cắt” này, đồng thời cho bạn biết cách đảm bảo rằng các khoảng trống không bị cắt bỏ.
Hãy bắt đầu bằng cách viết một cách đơn giản Mã HTML:
Một số văn bản Tiếp tục...
Nếu bạn nhìn vào kết quả, bạn sẽ thấy rằng tất cả các khoảng trống của chúng ta đã bị cắt bỏ và chỉ còn lại một khoảng trống. Và hầu hết mọi thẻ đều thực hiện điều này.
Có ba lựa chọn hiển thị thêm khoảng trống trong HTML. Cách đầu tiên là sử dụng thẻ<trước>:
Một số văn bản Tiếp tục...
Kết quả là bạn sẽ thấy rằng các khoảng trống vẫn còn và đây chính xác là những gì chúng tôi mong muốn.
Nhưng có một cách khác mà tôi thường xuyên sử dụng - thực thể "". Thực thể này chỉ đơn giản thay thế ký tự khoảng trắng:
Một số văn bản Tiếp tục...
Kết quả là bạn cũng sẽ thấy cả một loạt không gian. Đối với tôi, phương pháp này tốt hơn vì bạn không cần sử dụng thêm thẻ. Nhưng đây là vấn đề về hương vị. Nó cần thiết ở đâu? thêm không gian trong HTML, chỉ cần chèn "" và tận hưởng thành quả.
Và cuối cùng, cách cuối cùng là sử dụng CSS. Để làm điều này, bạn chỉ cần thêm phong cách này:
P(
khoảng trắng: trước;
}
Phương pháp này là nhanh nhất và dễ nhất, tuy nhiên, tôi không sử dụng nó vì trong thực tế của tôi có rất ít trường hợp tôi phải thêm nhiều khoảng trắng liên tiếp. Và nếu chúng xảy ra thì tôi sử dụng thực thể " " nhiều lần. Ngoài ra, thuộc tính khoảng trắng không được hỗ trợ bởi tất cả các trình duyệt (đặc biệt, IE6 Và IE7 không hỗ trợ), điều này đã giới hạn phạm vi của phương pháp này.
Nói chung, để tóm tắt:
1) Nếu bất kỳ phần nào trong văn bản của bạn chứa nhiều khoảng trắng ở những vị trí khác nhau thì hãy sử dụng thẻ<trước>.
2) Nếu bạn gặp một khoảnh khắc nào đó mà bạn cần nhiều khoảng trắng liên tiếp, thì hãy sử dụng thực thể "  ";
3) Nếu toàn bộ trang của bạn được tạo thành từ nhiều khoảng trắng liên tiếp (mặc dù điều này cực kỳ hiếm khi xảy ra), thì hãy sử dụng thuộc tính khoảng trắng có ý nghĩa trước.
Nếu bạn muốn biết thêm về HTML, hãy xem khóa học miễn phí của tôi với ví dụ về tạo trang web tại HTML:
Thêm chính xác khoảng trắng không ngắt trong HTML. Bố cục hợp lệ.
Nếu bạn đã từng thiết kế trang web thì có thể bạn biết rằng khi bạn thêm một vài khoảng trắng vào văn bản từ bàn phím, chúng sẽ không được lưu. Trình duyệt coi chúng như một không gian duy nhất. Đôi khi điều này dẫn đến các vấn đề về bố cục. Bây giờ chúng tôi sẽ chỉ cho bạn cách thêm nhiều khoảng trắng liên tiếp.
Sử dụng ký tự đặc biệt
Trong ngôn ngữ đánh dấu siêu văn bản, một ký tự đặc biệt được sử dụng và được trình duyệt hiểu là khoảng trắng. Anh ta đây rồi:
Bạn cần phải gõ chính xác theo mẫu được trình bày ở trên. Nếu bạn cần chèn nhiều khoảng trắng liên tiếp, hãy chèn một vài ký tự trong số này.
Phần mã của chúng ta sẽ trông như thế nào nếu chúng ta muốn thêm ba khoảng trắng liên tiếp.
Phần mã kiểm tra
Nếu chúng tôi mở một trang như vậy trong trình duyệt, đây là những gì chúng tôi sẽ nhận được:
Phần mã kiểm tra
Gắn thẻ trước
Không phải lúc nào cũng có thể định dạng văn bản khi cần bằng cách sử dụng thẻ đánh dấu tiêu chuẩn. Đồng thời, bằng cách gõ nó từ bàn phím, bạn có thể đạt được kết quả mong muốn. Nhưng cuối cùng, khi xem trang trên trình duyệt, tất cả định dạng thủ công sẽ biến mất và bạn sẽ nhận được văn bản thuần túy. Kết quả tương tự sẽ xảy ra nếu bạn thêm một số dấu cách không ngắt liên tiếp theo cách thủ công, chỉ bằng cách nhấp vào phím cùng tên.
Phải làm gì trong tình huống như vậy?
Đây là một ví dụ về văn bản có khoảng trắng dài. Chúng tôi đã đạt được điều này bằng cách đặt văn bản vào thẻ PRE
Như bạn có thể thấy, một số ngắt dòng liên tiếp cũng được lưu lại. Đây chính xác là mục đích mà thẻ này được sử dụng. Nó để lại định dạng thủ công cho văn bản được đính kèm trong đó.
Video cho bài viết:
Phần kết luận
Chỉ sử dụng các phương pháp này để chèn định dạng văn bản đặc biệt. Bạn không nên sử dụng các phương pháp này để đạt được sự sắp xếp các thành phần trên trang. Chẳng hạn như thêm một số khoảng trắng không ngắt để phần tử tiếp theo ở xa hơn về bên phải của trang. Bạn nên sử dụng các tờ định kiểu cho việc này.
Nếu bạn phát triển các tệp HTML, có thể bạn đã nhận thấy tính năng này khi trình duyệt bỏ qua khoảng trắng. Có thể có số lượng không giới hạn trong mã nguồn, nhưng cuối cùng chỉ có một cái được hiển thị. Thông thường, hạn chế như vậy chỉ có tác động tích cực đến đầu ra thông tin. Rốt cuộc, đôi khi bạn có thể vô tình thêm nhiều khoảng trắng, dẫn đến tài liệu trở nên thiếu tổ chức. Và với sự trợ giúp của một ràng buộc, khoảng cách giữa các từ sẽ luôn được cố định. Nhưng đôi khi cần phải tạo khoảng trắng gấp đôi hoặc gấp ba, html cho phép bạn tạo khoảng cách không giới hạn giữa các từ theo ý mình. Nhu cầu này có thể được đáp ứng theo nhiều cách mà chúng ta sẽ thảo luận trong bài viết này.
Cách đầu tiên
Khi cần tạo khoảng cách dài hơn giữa các từ nhất định, có thể sử dụng mã khoảng trắng html đặc biệt. Chỉ cần thêm mục “ ” là đủ, điều này sẽ làm tăng khoảng cách giữa các ký tự. Mã như vậy có thể được sử dụng giống như một khoảng trắng thông thường, ngoại trừ duy nhất là nó sẽ luôn được tính đến khi trình duyệt hiển thị thông tin. Không gian html đặc biệt này đôi khi được sử dụng để mô phỏng một dòng màu đỏ hoặc đánh dấu một đoạn văn bản. Thật đáng để nói một chút về chính mã đó. Ký tự đầu tiên là dấu và. Nó biểu thị hành động của một mã đặc biệt. Có nhiều sự kết hợp khác trong html mang lại những hiệu ứng khác nhau. Ví dụ: ">" và "&gl" thay thế "<» и «>" Việc sử dụng chúng là cần thiết vì chúng chỉ ra phần đầu và phần cuối của thẻ. Trong trường hợp này, “nbsp” có nghĩa là dạng rút gọn của lệnh “không ngắt khoảng trắng”, trong bản dịch có nghĩa là Đối với lệnh này có một giá trị số
tên " ", lặp lại hoàn toàn tác dụng của không gian như vậy. Điều đáng chú ý là nếu có mã “ ” giữa các từ thì chúng sẽ luôn nằm trên cùng một dòng. Nếu chúng vượt ra ngoài ranh giới của màn hình, thanh cuộn sẽ xuất hiện trong trình duyệt. Mã “ ” là sự mô phỏng hoàn chỉnh của một không gian thông thường.
Cách thứ hai
Phương pháp thứ hai được sử dụng cho mục đích quy mô lớn hơn. Khoảng trắng trong html có thể được đặt bằng thẻ
Nó cho phép bạn hiển thị văn bản mà không cần định dạng bổ sung. Nếu thông tin được đặt trong thẻ này, nó sẽ được trình bày ở dạng ban đầu như trong mã html của trang. Điều này không chỉ tính đến khoảng trắng mà còn cả ngắt dòng. Nhưng điều đáng chú ý là, như trong trường hợp mã “ ”, văn bản kèm theo trong thẻSẽ ra một dòng nếu không có bản dịch tự nhiên. Còn một lưu ý nữa. Mọi thứ nằm giữa thẻ mở và thẻ đóng theo đóSẽ có một phông chữ cụ thể.
Cách thứ ba
Phương pháp này không thể được gọi là mới, bởi vì nó chỉ đơn giản là đưa ra một giải pháp thay thế cho phương pháp thứ hai. Bằng cách sử dụng các biểu định kiểu xếp tầng, bạn có thể đạt được hiệu quả tương tự như thẻ
Nhưng phông chữ sẽ không thay đổi. Quy tắc "khoảng trắng" có giá trị "pre" mô phỏng hoàn toàn khoảng trắng html bằng thẻ được mô tả trước đó. Lệnh này có thể được áp dụng cho bất kỳ vùng văn bản nào.Phần kết luận
Các phương pháp trên sẽ giúp bạn đặt nhiều khoảng trắng. Do đó, HTML cho phép bạn tùy chỉnh các trang của mình rất linh hoạt và theo ý của bạn. Tuy nhiên, như thực tế cho thấy, hiếm khi sử dụng nhiều khoảng trắng.
Nó là gì?
HTML có nhiều thẻ, thuộc tính và giá trị khác nhau được sử dụng trong nhiều tình huống khác nhau. Một số chỉ được sử dụng cho mục đích đã định, một số khác có cài đặt linh hoạt cho phép chúng được sử dụng với nhiều biến thể khác nhau. Ngoài các thẻ thông thường, html còn có các ký hiệu ghi nhớ đặc biệt. Với sự trợ giúp của họ, bạn có thể hiển thị nhiều biểu tượng, biểu tượng, v.v. trên màn hình của người dùng. Một trong những ký tự đặc biệt hữu ích nhất là khoảng trắng không ngắt. Yếu tố này sẽ được thảo luận trong bài viết này.
Mục đích
Trong html, khoảng trắng không ngắt có thể được sử dụng trong nhiều tình huống khác nhau. Công dụng phổ biến nhất của thành phần này là tăng khoảng cách giữa các ký tự hoặc từ một cách tự nhiên. Một số người có thể đã phẫn nộ và đặt một câu hỏi hợp lý: "Tại sao không sử dụng phím cách thông thường bằng phím "dấu cách" trên bàn phím?" Thực tế là trình duyệt sẽ bỏ qua tất cả khoảng trắng thừa giữa các từ hoặc ký tự ngoại trừ khoảng trắng đầu tiên được gán. Bất kể có bao nhiêu trong số chúng trong mã nguồn của trang, chỉ một cái sẽ vẫn được hiển thị. Như vậy, nếu muốn đặt hai hoặc nhiều khoảng trắng nối tiếp nhau thì bạn sẽ phải sử dụng ký tự đặc biệt. Ngoài ra, còn có những trường hợp khác khi phần tử này được sử dụng, ví dụ:
- Vạch kẻ màu đỏ. Mặc dù phương pháp hiển thị đoạn văn mới này hiếm khi được sử dụng trên Internet, nhưng vẫn hữu ích khi biết rằng nếu bạn đặt một vài khoảng trắng này ở đầu, bạn sẽ nhận được hiệu ứng thụt lề.
- Bàn. Đôi khi, khi xây dựng một bảng, xuất hiện các ô trống cần được lấp đầy bằng thứ gì đó, nếu không toàn bộ cấu trúc sẽ bị biến dạng. Ngoài ra, bạn có thể đặt một khoảng trống không bị phá vỡ. Khi đó người dùng sẽ thấy một ô trống và bảng vẫn giữ nguyên trạng thái.
- Tranh vẽ để thu hút sự chú ý. Sử dụng phần tử này, bạn có thể xây dựng một hình ảnh từ các biểu tượng. Hoặc đôi khi một không gian như vậy được dùng để tập trung sự chú ý của người dùng.
Ứng dụng
Khoảng trắng không ngắt trong html được chỉ định bằng cách viết các ký tự đặc biệt, cụ thể là " ". Nghĩa là, bằng cách chèn mục này vào mã nguồn, bạn sẽ nhận được một khoảng thời gian bổ sung. Chiều dài của nó sẽ bằng một không gian thông thường. Mục “ ” là viết tắt của “NO-BREAK SPACE”, được dịch là “khoảng trắng không bị phá vỡ”. Bạn có thể sử dụng ký hiệu thay thế " ", ký hiệu này sẽ có tác dụng tương tự.
Đặc thù
Các tính năng đặc biệt của phần tử này bao gồm thực tế là nếu bạn đặt khoảng trắng như vậy giữa hai từ (ký tự), thì trong mọi trường hợp, chúng sẽ vẫn nằm trên cùng một dòng. Trong một số trường hợp, thanh cuộn ngang sẽ xuất hiện (khi các phần tử tắt màn hình). Đôi khi các nhà phát triển sử dụng phần tử này chỉ vì tính năng này. Ví dụ: khi điều thực sự quan trọng là văn bản nằm trên một dòng.
Phần kết luận
Trong hầu hết các trường hợp, khoảng trống không bị phá vỡ sẽ vô ích. Vì hiếm khi cần thiết lập một khoảng thời gian dài. Nhưng bằng cách này hay cách khác, cần phải biết yếu tố này. Rốt cuộc, một ngày nào đó nó sẽ hữu ích cho bất kỳ nhà phát triển tệp html nào.
Xin chào các độc giả thân mến của trang blog! Những người ít nhất đã làm quen với nó một cách hời hợt có lẽ đã lưu ý, mặc dù về mặt chung chung. Điều này có nghĩa là họ biết những ký hiệu HTML nào thường được sử dụng trong mã tài liệu.
Trong bài viết hôm nay, chúng ta sẽ cố gắng tìm hiểu khoảng trắng là gì trong HTML và trong trường hợp nào bạn có thể sử dụng các ký tự khoảng trắng khi định dạng mã để dễ đọc. Chúng ta sẽ tìm hiểu khi nào cần sử dụng dấu cách không ngắt quãng, đồng thời làm quen với các ký tự đặc biệt khác (hoặc, như chúng còn được gọi là ký tự ghi nhớ).
Trên thực tế, tôi khuyên bạn không nên bỏ qua chủ đề sử dụng các ký tự đặc biệt khác nhau, vì đây là thành phần quan trọng cho phép bạn hoàn thành nghiên cứu về ngôn ngữ đánh dấu siêu văn bản. Nhìn chung, thông tin được cung cấp trong ấn phẩm này chắc chắn sẽ không thừa. Vâng, bây giờ đến điểm.
Dấu cách và ký tự khoảng trắng trong HTML
Đầu tiên có một lưu ý quan trọng cần thực hiện. Có các phím đặc biệt trên bàn phím máy tính cho phép bạn tách văn bản (xem thêm về điều này bên dưới). Tuy nhiên, chỉ có một phím cách rộng mới cung cấp sự phân tách giữa các từ không chỉ trong trình chỉnh sửa mà còn trong cửa sổ trình duyệt. Có những sắc thái khi ngắt dòng và thụt lề từ các cạnh.
Như bạn đã biết, việc hiển thị một số thành phần nhất định trong trình duyệt web được xác định bởi các thẻ. Để định dạng văn bản, nổi tiếng , dựa trên khối, được sử dụng. Tức là nội dung của nó nằm trên toàn bộ chiều rộng có sẵn.
ĐẾN ngắt dòng trong đoạn P, bạn cần sử dụng một thẻ BR duy nhất để có thể thực hiện việc này. Giả sử chúng ta cần chèn vào văn bản một số dòng trong một bài thơ mà chúng ta viết trong trình soạn thảo văn bản:
Mặc dù thực tế là các dòng của câu thơ được đặt chính xác và các dấu gạch nối được đặt đúng chỗ, mọi thứ sẽ trông khác trong trình duyệt:
Để đạt được cùng một hiển thị trong cửa sổ trình duyệt web, bạn cần viết BR ở mỗi ngắt dòng:
Bây giờ chúng ta đã hoàn thành nhiệm vụ và những dòng thơ sẽ hiển thị hoàn toàn chính xác trên trình duyệt:
Như vậy, việc ngắt dòng cần thiết đã được hoàn thành. Một tính năng khác cần lưu ý ở đây là nhiều khoảng trắng nối tiếp nhau được trình duyệt web hiển thị dưới dạng một. Bạn có thể xác minh điều này nếu trong cùng một trình soạn thảo, bạn cố gắng đặt không phải một mà là nhiều khoảng trắng giữa hai từ và bằng cách nhấp vào nút "Lưu", hãy xem kết quả trong trình duyệt.
Dấu cách, tab và ngắt dòng
Về cơ bản, với những điều này ký tự khoảng trắng Chúng tôi làm quen với nhau ngay khi bắt đầu làm việc với văn bản trong trình soạn thảo và định dạng nó theo mẫu yêu cầu. Để thực hiện một tác vụ như vậy, có các phím đặc biệt, mỗi phím tương ứng với ký tự khoảng trắng riêng:
- Phím cách là phím rộng nhất trên bàn phím máy tính (không có nhãn);
- Tab - một phím ở bên trái có dòng chữ "Tab" và hai mũi tên chỉ về các hướng khác nhau;
- Ngắt dòng - Phím "Enter".
Tuy nhiên, như tôi đã nói ở trên, chúng tôi nhận được kết quả mong muốn cuối cùng không chỉ trong trình soạn thảo văn bản mà còn trong trình duyệt, chỉ khi chúng tôi sử dụng phím đầu tiên. Tất cả ba phím (bao gồm ngắt tab và ngắt dòng đều hữu ích khi định dạng mã HTML. Giả sử đây là giao diện của một đoạn mã trong NotePad++ (có rất nhiều thông tin về trình soạn thảo này) khi hiển thị tất cả các ký tự khoảng trắng:
Chúng tôi nhận được mã dễ đọc và dễ hiểu nhờ khoảng trắng. Mũi tên màu cam biểu thị các vết lõm được tạo bằng phím Tab và các ký hiệu CR và LF biểu thị ngắt dòng được tạo bằng phím Enter.
Các vùng chứa được lồng vào nhau sẽ được xem và các thẻ mở và đóng được hiển thị rõ ràng. Ở dạng này, mã này có thể được chỉnh sửa dễ dàng. Bây giờ hãy so sánh nó với cùng một mã không có cách phân chia văn bản như vậy:
Theo cách tương tự, bằng cách sử dụng các ký tự khoảng trắng, bạn có thể viết các quy tắc CSS trông rõ ràng và dễ hiểu:
Sau khi đưa tất cả các kiểu về một mẫu số chung và hoàn tất chỉnh sửa tệp kiểu, bạn có thể thực hiện chỉnh sửa bằng cách xóa tất cả khoảng trắng khỏi mã. Điều này là cần thiết để tăng lên, điều này rất quan trọng khi quảng bá một nguồn tài nguyên.
Các ký tự đặc biệt (hoặc ghi nhớ) trong mã HTML
Bây giờ chúng ta hãy xem những trường hợp cần sử dụng các ký tự đặc biệt mà tôi đã đề cập ở đầu bài viết. Các ký tự đặc biệt trong HTML, đôi khi được gọi là thuật ghi nhớ, được giới thiệu để giải quyết một vấn đề lâu dài về mã hóa phát sinh trong ngôn ngữ đánh dấu siêu văn bản.
Khi bạn gõ văn bản trên bàn phím, các ký tự của ngôn ngữ bạn đang sử dụng sẽ được mã hóa. Trong trình duyệt web, văn bản đã nhập sẽ được hiển thị bằng các phông chữ bạn đã chọn do thao tác giải mã ngược.
Thực tế là có rất nhiều cách mã hóa như vậy, hiện tại chúng tôi không có mục tiêu phân tích chúng một cách chi tiết. Chỉ là mỗi biểu tượng trong số chúng có thể thiếu một số ký hiệu nhất định, tuy nhiên, chúng cần được hiển thị. Giả sử bạn cảm thấy muốn viết dấu ngoặc đơn hoặc dấu trọng âm, nhưng những biểu tượng này đơn giản là không có trong bộ này.
Để loại bỏ vấn đề này, một hệ thống ký hiệu đặc biệt đã được giới thiệu, bao gồm một số lượng lớn các cách ghi nhớ khác nhau. Tất cả đều bắt đầu bằng ký hiệu "&" và thường kết thúc bằng dấu chấm phẩy ";". Lúc đầu, mỗi ký tự đặc biệt đều có mã số riêng. Ví dụ: đối với một không gian không bị phá vỡ mà chúng tôi sẽ xem xét chi tiết hơn bên dưới, mục nhập sau sẽ hợp lệ:
Nhưng sau một thời gian, những ký hiệu phổ biến nhất đã được gán các ký tự tương tự (ghi nhớ) để dễ nhớ hơn. Giả sử đối với cùng một không gian không bị phá vỡ, nó trông như thế này:
Kết quả trình duyệt hiển thị ký hiệu tương ứng. Danh sách các thuật ghi nhớ rất đồ sộ, Các ký tự đặc biệt được sử dụng phổ biến nhất trong HTML bạn có thể khám phá từ bảng dưới đây:
biểu tượng | mã số | sự ghi nhớ | Sự miêu tả |
---|---|---|---|
không gian không phá vỡ | |||
không gian hẹp (en-width như chữ n) | |||
không gian rộng (em-width như chữ m) | |||
– | - | – | en-dấu gạch ngang (en-dấu gạch ngang) |
- | — | — | em gạch ngang (em gạch ngang) |
| - | | chuyển mềm |
MỘT | ́ | trọng âm được đặt sau chữ “nhấn mạnh” | |
© | © | bản quyền | |
® | ® | ® | nhãn hiệu đã đăng ký |
™ | ™ | ™ | dấu hiệu thương hiệu |
º | º | º | ngọn giáo của sao Hỏa |
ª | ª | ª | tấm gương của sao Kim |
‰ | ‰ | ‰ | trang/phút |
π | π | π | pi (dùng Times New Roman) |
¦ | ¦ | ¦ | đường chấm dọc |
§ | § | § | đoạn văn |
° | ° | ° | bằng cấp |
µ | µ | µ | dấu hiệu vi mô |
¶ | ¶ | ¶ | dấu đoạn văn |
… | … | … | hình elip |
‾ | ‾ | ‾ | gạch chân |
´ | ´ | ´ | dấu nhấn |
№ | № | số hiệu | |
🔍 | 🔍 | Kính lúp (nghiêng sang trái) | |
🔎 | 🔎 | Kính lúp (nghiêng sang phải) | |
dấu hiệu của các phép tính số học và toán học | |||
× | × | × | nhân |
÷ | ÷ | ÷ | chia |
< | < | ít hơn | |
> | > | > | hơn |
± | ± | ± | cộng/trừ |
¹ | ¹ | ¹ | độ 1 |
² | ² | ² | độ 2 |
³ | ³ | ³ | độ 3 |
¬ | ¬ | ¬ | sự phủ định |
¼ | ¼ | ¼ | một phần tư |
½ | ½ | ½ | một nửa |
¾ | ¾ | ¾ | ba phần tư |
⁄ | ⁄ | ⁄ | dấu thập phân |
− | − | − | dấu trừ |
≤ | ≤ | ≤ | ít hơn hoặc bằng |
≥ | ≥ | ≥ | nhiều hơn hoặc bằng |
≈ | ≈ | ≈ | xấp xỉ (gần như) bằng nhau |
≠ | ≠ | ≠ | không công bằng |
≡ | ≡ | ≡ | giống hệt nhau |
√ | √ | √ | căn bậc hai (căn bản) |
∞ | ∞ | ∞ | vô cực |
∑ | ∑ | ∑ | dấu tổng |
∏ | ∏ | ∏ | dấu công việc |
∂ | ∂ | ∂ | vi phân từng phần |
∫ | ∫ | ∫ | tích phân |
∀ | ∀ | ∀ | cho tất cả mọi người (chỉ hiển thị nếu in đậm) |
∃ | ∃ | ∃ | tồn tại |
∅ | ∅ | ∅ | bộ trống |
Ø | Ø | Ø | đường kính |
∈ | ∈ | ∈ | thuộc về |
∉ | ∉ | ∉ | Không thuộc vê |
∋ | ∋ | ∗ | chứa |
⊂ | ⊂ | ⊂ | là một tập hợp con |
⊃ | ⊃ | ⊃ | là một siêu bộ |
⊄ | ⊄ | ⊄ | không phải là một tập hợp con |
⊆ | ⊆ | ⊆ | là một tập hợp con hoặc bằng |
⊇ | ⊇ | ⊇ | là một superset hoặc bằng |
⊕ | ⊕ | ⊕ | cộng trong một vòng tròn |
⊗ | ⊗ | ⊗ | dấu nhân trong một vòng tròn |
⊥ | ⊥ | ⊥ | vuông góc |
∠ | ∠ | ∠ | góc |
∧ | ∧ | ∧ | logic VÀ |
∨ | ∨ | ∨ | logic HOẶC |
∩ | ∩ | ∩ | ngã tư |
∪ | ∪ | ∪ | liên hiệp |
ký hiệu tiền tệ | |||
€ | € | € | Euro |
¢ | ¢ | ¢ | xu |
£ | £ | £ | Lb |
¤ | ¤t; | ¤ | Ký hiệu tiền tệ |
¥ | ¥ | ¥ | Ký hiệu Yên và Yuan |
ƒ | ƒ | ƒ | Ký hiệu Florin |
đánh dấu | |||
. | điểm đánh dấu đơn giản | ||
○ | ○ | vòng tròn | |
· | · | · | điểm giữa |
† | † | đi qua | |
‡ | ‡ | lai kép | |
♠ | ♠ | ♠ | đỉnh cao |
♣ | ♣ | ♣ | câu lạc bộ |
trái tim | |||
♦ | ♦ | ♦ | kim cương |
◊ | ◊ | ◊ | hình thoi |
✏ | ✏ | bút chì | |
✎ | ✎ | bút chì | |
✐ | ✐ | bút chì | |
✍ | ✍ | tay | |
dấu ngoặc kép | |||
" | " | " | trích dẫn kép |
& | & | & | dấu và |
« | « | « | dấu ngoặc kép kiểu chữ bên trái (dấu ngoặc kép xương cá) |
» | » | » | dấu ngoặc kép kiểu chữ bên phải (dấu ngoặc kép xương cá) |
‹ | ‹ | mở đầu trích dẫn một góc | |
› | › | kết thúc báo giá một góc | |
′ | ′ | ′ | nguyên tố (phút, feet) |
″ | ″ | ″ | số nguyên tố kép (giây, inch) |
‘ | ‘ | ‘ | trích dẫn đơn trên cùng bên trái |
’ | ’ | ’ | trích dẫn đơn trên cùng bên phải |
‚ | ‚ | ‚ | trích dẫn đơn phía dưới bên phải |
“ | “ | “ | trích dẫn chân trái |
” | ” | ” | trích dẫn chân trên bên phải |
„ | „ | „ | trích dẫn chân dưới bên phải |
❛ | ❛ | dấu ngoặc kép mở đầu bằng tiếng Anh đơn | |
❜ | ❜ | dấu ngoặc kép đóng bằng tiếng Anh đơn | |
❝ | ❝ | dấu ngoặc kép mở đầu | |
❞ | ❞ | đóng dấu ngoặc kép | |
mũi tên | |||
← | ← | ← | mũi tên trái |
mũi tên lên | |||
→ | → | → | mũi tên bên phải |
↓ | ↓ | ↓ | mũi tên xuống |
↔ | ↔ | ↔ | mũi tên trái và phải |
↕ | ↕ | mũi tên lên và xuống | |
↵ | ↵ | ↵ | vận chuyển trở lại |
⇐ | ⇐ | ⇐ | mũi tên đôi trái |
⇑ | ⇑ | ⇑ | mũi tên lên gấp đôi |
⇒ | ⇒ | ⇒ | mũi tên phải kép |
⇓ | ⇓ | ⇓ | mũi tên xuống đôi |
⇔ | ⇔ | ⇔ | mũi tên đôi trái và phải |
⇕ | ⇕ | mũi tên lên xuống gấp đôi | |
▲ | ▲ | mũi tên lên hình tam giác | |
▼ | ▼ | mũi tên xuống hình tam giác | |
mũi tên phải tam giác | |||
◄ | ◄ | mũi tên trái hình tam giác | |
những ngôi sao, những bông tuyết | |||
☃ | ☃ | Người tuyết | |
❄ | ❄ | Bông tuyết | |
❅ | ❅ | Bông tuyết kẹp bởi shamrocks | |
❆ | ❆ | Bông tuyết có góc cạnh mập mạp | |
★ | ★ | Ngôi sao bóng mờ | |
☆ | ☆ | Ngôi sao trống | |
✪ | ✪ | Ngôi sao chưa lấp đầy trong một vòng tròn đầy | |
✫ | ✫ | Ngôi sao đầy với một vòng tròn mở bên trong | |
✯ | ✯ | Sao quay | |
⚝ | ⚝ | Vẽ ngôi sao trắng | |
⚪ | ⚪ | Vòng tròn mở ở giữa | |
⚫ | ⚫ | Vòng tròn đầy ở giữa | |
⚹ | ⚹ | Sextile (loại bông tuyết) | |
✵ | ✵ | Ngôi sao quay tám cánh | |
❉ | ❉ | Ngôi sao có đầu hình cầu | |
❋ | ❋ | Cánh quạt ngôi sao hình giọt nước tám cánh táo bạo | |
✺ | ✺ | Dấu hoa thị mười sáu cánh | |
✹ | ✹ | Ngôi sao mười hai cánh | |
✸ | ✸ | Ngôi sao thẳng tám cánh đậm nét | |
✶ | ✶ | Ngôi sao đầy sáu cánh | |
✷ | ✷ | Ngôi sao thẳng có tám cánh | |
✴ | ✴ | Ngôi sao tám cánh | |
✳ | ✳ | Ngôi sao tám cánh | |
✲ | ✲ | Ngôi sao có tâm trống | |
✱ | ✱ | Sao béo | |
✧ | ✧ | Ngôi sao mở bốn cánh nhọn | |
✦ | ✦ | Ngôi sao nhọn bốn cánh | |
⍟ | ⍟ | Ngôi sao trong một vòng tròn | |
⊛ | ⊛ | Bông tuyết trong một vòng tròn | |
đồng hồ, thời gian | |||
⏰ | ⏰ | Đồng hồ | |
⌚ | ⌚ | Đồng hồ | |
⌛ | ⌛ | Đồng hồ cát | |
⏳ | ⏳ | Đồng hồ cát |
Các trường hợp sử dụng một số ký tự đặc biệt, bao gồm dấu cách không ngắt và dấu gạch nối mềm
Nếu bạn đã nghiên cứu bảng một chút, bạn đã nhận được xác nhận về những gì tôi đã nói ở trên, rằng để hiển thị tất cả các ký tự đặc biệt, một mã kỹ thuật số () hoặc dạng tương tự chữ cái của nó (ký hiệu ghi nhớ) được sử dụng, trong đó thay vì một bộ hàm băm dấu và số, chữ cái () được viết.
Bây giờ hãy xem khi nào nên sử dụng các mã này. Giả sử trong một bài viết bạn cần chỉ ra một số thẻ HTML cho mục đích cung cấp thông tin, ví dụ:
Do đó, từ cùng một bảng HTML gồm các ký tự đặc biệt, chúng tôi lấy các mã tương ứng và toàn bộ mục nhập sẽ trông như thế này:
Ngoài ra, để hiển thị trong trình duyệt không phải là ký hiệu và ký hiệu mà là ký hiệu của nó trong hình thức , bạn cần thêm mã của nó từ bảng:
chân trang
Khi đó trình duyệt sẽ hiển thị chính xác bản ghi các phép ghi nhớ cần áp dụng để hiển thị thẻ FOOTER. Hơi khó hiểu một chút, nhưng trên trang này, bạn có thể thực hành khía cạnh này bằng cách nhập từ gợi nhớ cho các ký tự tương ứng vào trường “HTML” và sử dụng nút “Chạy”, và trong khu vực “Kết quả”, nhận kết quả hiển thị của chúng trong hộp trình duyệt:
Xin lưu ý rằng tôi đã đảm bảo rằng văn bản được gói bằng thẻ BR đã được đề cập để bản thân các ký tự được hiển thị không phải trên một dòng mà trong một cột để thuận tiện.
Hãy tiếp tục. Đôi khi các kết hợp xuất hiện trong văn bản không mong muốn được tách thành các dòng khác nhau. Giả sử, "1000 rúp." Sẽ là hợp lý nếu để nó ở dòng trên cùng hoặc nếu không có đủ khoảng trống, hãy di chuyển toàn bộ cấu trúc sang dòng bên dưới.
Điều này đặc biệt đúng nếu người dùng sử dụng các thiết bị có độ rộng màn hình khác nhau, bao gồm cả thiết bị di động. Thật vậy, trong trường hợp này, trình duyệt web định dạng văn bản, thích ứng với các điều kiện mới. Và nếu văn bản trông chính xác ở kích thước màn hình tiêu chuẩn thì nếu chúng thay đổi, mọi thứ có thể thay đổi.
Đối với những trường hợp này nó được cung cấp Không gian không phá vỡ HTML, mà tôi đã đề cập rồi. Hãy để tôi nhắc bạn rằng trong trường hợp này, mã khoảng trắng như sau:
Và nó cần được chèn vào giữa hai bộ biển báo cần liên kết:
1000 chà.
Bây giờ, trong mọi trường hợp, trình duyệt sẽ không tách chúng ra, ngay cả khi cần phải định dạng văn bản để hiển thị chính xác.
Cũng có trường hợp một từ rất dài không vừa với khoảng trống và bạn cần phải di chuyển một phần của nó. Làm cách nào tôi có thể xác định trước dòng mới trong trường hợp này nếu cần thiết? Đối với điều này có ký tự gạch nối mềm đặc biệt-, cần đặt ở vị trí cần ngắt chữ:
Từ dài dài dài từ dài
Nếu xảy ra tình huống khi một từ cần được gạch nối thì một khoảng trống sẽ được hình thành tại vị trí của dấu gạch nối mềm giúp ghi nhớ, nơi xuất hiện dấu gạch nối (gạch nối) và phần còn lại của từ đó sẽ xuất hiện ở dòng tiếp theo bên dưới.
Tuy nhiên, một lần nữa, sẽ rất hữu ích khi xem toàn bộ điều này, bao gồm các ví dụ về chuyển giao liên tục và mềm, trong thực tế:
Trong cửa sổ của trình chỉnh sửa này, bạn có thể thay đổi kích thước của trường xem “Kết quả” bằng cách giữ cạnh của khu vực này bằng nút chuột trái và không nhả nó ra, hãy kéo nó sang trái để giảm chiều rộng. Sau đó, một tình huống thực sự phát sinh khi trình duyệt bắt đầu định dạng lại nội dung để hiển thị chính xác.
Và việc chuyển tiền được thực hiện như đã nêu trong các ví dụ mà tôi đã mô tả. Tuy nhiên, bản thân bạn có thể di chuyển cửa sổ xem, mở rộng và thu hẹp nó cũng như xác minh điều này một cách trực quan.